{ "$schema": "./schema.ts", "_doc": "Worked example — Open Design as the brand. Run `pnpm dlx tsx scripts/compose.ts inputs.example.json out/example.html` to regenerate the canonical example.html from this file. Every field maps to a typed entry in schema.ts.", "brand": { "name": "Open Design", "mark": "Ø", "meta": { "title": "Studio Nº 01", "subtitle": "Berlin / Open / Earth" }, "filed_under": "Design · Intelligence", "tagline": "Designing intelligence with skills, taste, and your own agent.", "description": "Open Design is the open-source alternative to Claude Design. 12 coding-agent CLIs · 31 composable skills · 72 brand-grade design systems. Local-first, web-deployable, BYOK at every layer.", "locale": "en", "edition": "Vol. 01 / Issue Nº 26", "version": "v0.3.0", "license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", "primary_url_label": "Star · 0K", "download_url": "https://github.com/nexu-io/open-design/releases", "download_url_label": "Download", "contact_email": "https://github.com/nexu-io/open-design/issues", "location": "Berlin / Open / Earth", "coordinates": "52.5200° N · 13.4050° E", "year": "2026", "year_roman": "MMXXVI", "founded": "Est. MMXXVI", "rails": { "right": "Open Design — Vol. 01 · Issue Nº 26 · Apache-2.0", "left": "Skills · Systems · Agents · BYOK · Local-first" }, "languages": ["EN", "DE", "中文", "日本語"], "status": "Live · v0.3.0" }, "nav": [ { "label": "Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills", "count": "31" }, { "label": "Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems", "count": "72" }, { "label": "Agents", "href": "#agents", "count": "12" }, { "label": "Labs", "href": "#labs", "count": "05" }, { "label": "Contact", "href": "#contact" } ], "rules": { "about": { "roman": "II.", "meta": ["About / Manifesto", "•", "Open Design / Volume 01"], "pagination": "002 / 008" }, "capabilities": { "roman": "III.", "meta": ["Capabilities · Skills · Systems", "•", "4 surfaces / 1 loop"], "pagination": "003 / 008" }, "labs": { "roman": "IV.", "meta": ["Labs / Skills Catalog", "•", "05 of 31 ongoing"], "pagination": "004 / 008" }, "method": { "roman": "V.", "meta": ["Method / Loop", "•", "04 stages, iterative"], "pagination": "005 / 008" }, "work": { "roman": "VI.", "meta": ["Selected Work · 2026 Catalog", "•", "Edited by Open Design"], "pagination": "006 / 008" }, "testimonial": { "roman": "VII.", "meta": ["Collaborators / Lineage", "•", "Standing on shoulders"], "pagination": "007 / 008" }, "cta": { "roman": "VIII.", "meta": ["Contact / Conversation", "•", "Three commands to ship"], "pagination": "008 / 008" } }, "hero": { "label": "Open-source design studio", "ix": "· Nº 01", "headline": [ { "text": "Designing " }, { "text": "intelligence", "em": true }, { "text": " with skills, " }, { "text": "taste,", "em": true }, { "text": " and " }, { "text": "code", "em": true }, { "text": ".", "dot": true } ], "lead": "The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, slide decks, mobile prototypes, images, even short videos — all running on your own laptop.", "primary": { "label": "Star us on GitHub", "href": "https://github.com/nexu-io/open-design" }, "secondary": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases" }, "stats": [ { "value": "31", "label": "skills", "sub": "shippable", "variant": "solid" }, { "value": "72", "label": "systems", "sub": "portable", "variant": "dashed" }, { "value": "12", "label": "CLIs", "sub": "BYO agent", "variant": "coral" } ], "meta": "↳   pnpm tools-dev   ·   3 commands to start", "index": [ { "num": "01", "label": "Detect" }, { "num": "02", "label": "Discover", "active": true }, { "num": "03", "label": "Direct" }, { "num": "04", "label": "Deliver" } ], "annotations": { "tl": "FIG. 01 / OD-26", "tr": "Plate Nº 08", "bl": "SHA · a1b2c3d", "br": "Composed in Open Design" } }, "about": { "label": "About the studio", "ix": "· Nº 02", "headline": [ { "text": "We treat " }, { "text": "your agent", "em": true }, { "text": " as a creative " }, { "text": "collaborator,", "em": true }, { "text": " not a black box" }, { "text": ".", "dot": true } ], "lead": "The strongest coding agents already live on your laptop. We don't ship one — we wire them into a skill-driven design workflow that runs locally with pnpm tools-dev, deploys the web layer to Vercel, and stays BYOK at every layer.", "cta_label": "Read our approach", "cta_href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon", "footer_text": "Research · Design · Engineering · Repeat", "stamp_top": "Studio practice", "stamp_bottom": "Est. MMXXVI", "side_note": "From model behavior
to visual taste, we
prototype the full
stack of creative
systems.", "caption": { "bold": "Studies in form · perception · machine imagination.", "rest": "(Open Design, MMXXVI)" } }, "capabilities": { "label": "Capabilities", "ix": "· Nº 03", "headline": [ { "text": "Skills, systems, and surfaces " }, { "text": "for creative", "em": true }, { "text": " intelligence" }, { "text": ".", "dot": true } ], "lead": "We blend human taste with whichever agent you already trust to ship interfaces, decks, and editorial pages that feel intentional, expressive, and alive.", "ribbon": "OPEN DESIGN  ·  CAPABILITIES MATRIX  ·  OD/26", "cards": [ { "num": "01", "tag": "Skills", "icon_svg": "", "title": "Skills,\nnot plugins", "body": "31 file-based SKILL.md bundles. Drop a folder in, restart the daemon, it appears.", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, { "num": "02", "tag": "Systems", "icon_svg": "", "title": "Design Systems\nas Markdown", "body": "72 portable DESIGN.md systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, { "num": "03", "tag": "Adapters", "icon_svg": "", "title": "12 Agent\nAdapters", "body": "Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, { "num": "04", "tag": "BYOK", "icon_svg": "", "title": "BYOK\nat every layer", "body": "OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.", "href": "https://github.com/nexu-io/open-design" } ] }, "labs": { "label": "Labs", "ix": "· Nº 04", "headline": [ { "text": "A living archive of " }, { "text": "experiments", "em": true }, { "text": " in skills, decks, and machine-made form" }, { "text": ".", "dot": true } ], "pills": [ { "label": "All", "count": "31", "active": true }, { "label": "Prototype", "count": "27" }, { "label": "Deck", "count": "04" }, { "label": "Mobile", "count": "03" }, { "label": "Office", "count": "08" } ], "meta": { "ring": "05", "bold": "Ongoing experiments", "sub": "documenting ideas in flux
building intelligence
through making" }, "cards": [ { "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with guizang-ppt. Magazine layout, WebGL hero.", "href": "https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt" }, { "badge": "Media", "num": "Nº 02", "year": "2026", "title": "Synthetic Matter", "body": "Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.", "href": "https://github.com/nexu-io/open-design/tree/main/skills/hyperframes" }, { "badge": "Loop", "num": "Nº 03", "year": "2026", "title": "Prompt Choreography","body": "The interactive question form pops before a single pixel is improvised. 30s of radios beats 30min of redirects.","href": "https://github.com/nexu-io/open-design/tree/main/skills/design-brief" }, { "badge": "Critique", "num": "Nº 04", "year": "2026", "title": "Visual Reasoning", "body": "5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.", "href": "https://github.com/nexu-io/open-design/tree/main/skills/critique" }, { "badge": "Runtime", "num": "Nº 05", "year": "2026", "title": "Soft Systems", "body": "Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" } ], "progress": { "total": 8, "filled": 5 }, "foot": "05 / 31 SKILLS  ·  VIEW FULL LIBRARY →" }, "method": { "label": "Method", "ix": "· Nº 05", "headline": [ { "text": "From " }, { "text": "signals", "em": true }, { "text": " to systems" }, { "text": ".", "dot": true } ], "right": "Every stage is iterative, visual, and research-driven — composable files, not opaque prompts.", "steps": [ { "num": "01", "title": "Detect", "body": "The daemon scans your $PATH for 12 coding agents and auto-loads 31 skills + 72 systems on boot." }, { "num": "02", "title": "Discover", "body": "Turn 1 is a question form — surface, audience, tone, scale, brand context. Locked in 30 seconds." }, { "num": "03", "title": "Direct", "body": "Pick one of 5 deterministic visual directions. Palette in OKLch, font stack, layout posture cues." }, { "num": "04", "title": "Deliver", "body": "The agent writes to disk, you preview in a sandboxed iframe, export HTML / PDF / PPTX / ZIP / Markdown." } ], "foot_left": "Skills inform everything. Files make it real.", "foot_right_bold": "github.com/nexu-io/open-design", "foot_right_rest": "Apache-2.0" }, "work": { "label": "Selected work", "headline": [ { "text": "Skills that turn briefs into " }, { "text": "memorable", "em": true }, { "text": " shippable " }, { "text": "artifacts", "em": true }, { "text": ".", "dot": true } ], "link_label": "View all 31 skills", "link_href": "https://github.com/nexu-io/open-design/tree/main/skills", "cards": [ { "small_label": "Featured skill", "index": "01 / 31", "title": "guizang-ppt", "body": "Magazine-style web PPT for product launches and pitch decks. Bundled verbatim, original LICENSE preserved.", "year": "2026 · DECK", "tag": "DEFAULT" }, { "small_label": "Companion system", "index": "04 / 72", "title": "kami", "body": "An editorial paper system. Warm parchment canvas, ink-blue accent, serif-led hierarchy — multilingual by design (EN · zh-CN · ja).", "year": "2026 · PAPER", "tag": "SYSTEM" } ] }, "testimonial": { "label": "Collaborators", "ix": "· Nº 06", "quote": [ { "text": "Open Design helped us turn vague " }, { "text": "AI ideas", "em": true }, { "text": " into a visual system that felt " }, { "text": "sharp, believable,", "em": true }, { "text": " and genuinely new." } ], "author": { "initial": "m", "name": "Mina Kovac", "title": "Creative Director · North Form" }, "partners_text": "Standing on the shoulders of teams shipping open-source design culture.", "partners": [ { "glyph_svg": "", "name": "huashu-design", "role": "Philosophy", "href": "https://github.com/alchaincyf/huashu-design" }, { "glyph_svg": "", "name": "guizang-ppt", "role": "Decks", "href": "https://github.com/op7418/guizang-ppt-skill" }, { "glyph_svg": "", "name": "multica-ai", "role": "Daemon", "href": "https://github.com/multica-ai/multica" }, { "glyph_svg": "", "name": "open-codesign", "role": "UX", "href": "https://github.com/OpenCoworkAI/open-codesign" }, { "glyph_svg": "", "name": "Devin CLI", "role": "Terminal", "href": "https://devin.ai/terminal" }, { "glyph_svg": "", "name": "hyperframes", "role": "Frames", "href": "https://github.com/heygen-com/hyperframes" } ], "read_more_label": "Read more stories", "read_more_href": "https://github.com/nexu-io/open-design" }, "cta": { "label": "Start a conversation", "ix": "· Nº 07", "headline": [ { "text": "Let's build something " }, { "text": "open", "em": true }, { "text": " and " }, { "text": "visually", "em": true }, { "text": " unforgettable" }, { "text": ".", "dot": true } ], "lead": "Star us on GitHub, drop into the issues, or run pnpm tools-dev tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, "ribbon": "OPEN DESIGN  ·  FIN." }, "wire": { "title": "From the field", "cities": [ { "name": "Berlin", "coord": "52.52°N" }, { "name": "Tokyo", "coord": "35.68°N" }, { "name": "Shanghai", "coord": "31.23°N" }, { "name": "Beijing", "coord": "39.90°N" }, { "name": "Taipei", "coord": "25.03°N" }, { "name": "Singapore", "coord": "1.35°N" }, { "name": "Bangalore", "coord": "12.97°N" }, { "name": "Dubai", "coord": "25.20°N" }, { "name": "Lagos", "coord": "6.52°N" }, { "name": "Nairobi", "coord": "1.29°S" }, { "name": "Cape Town", "coord": "33.92°S" }, { "name": "Lisbon", "coord": "38.72°N" }, { "name": "Madrid", "coord": "40.42°N" }, { "name": "Paris", "coord": "48.86°N" }, { "name": "London", "coord": "51.51°N" }, { "name": "Amsterdam", "coord": "52.37°N" }, { "name": "Stockholm", "coord": "59.33°N" }, { "name": "Toronto", "coord": "43.65°N" }, { "name": "New York", "coord": "40.71°N" }, { "name": "San Francisco", "coord": "37.77°N" }, { "name": "Mexico City", "coord": "19.43°N" }, { "name": "São Paulo", "coord": "23.55°S" }, { "name": "Sydney", "coord": "33.87°S" } ], "contributors": [ { "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, { "handle": "op7418", "role": "guizang", "href": "https://github.com/op7418" }, { "handle": "alchaincyf", "role": "huashu", "href": "https://github.com/alchaincyf" }, { "handle": "multica-ai", "role": "daemon", "href": "https://github.com/multica-ai" }, { "handle": "OpenCoworkAI", "role": "codesign", "href": "https://github.com/OpenCoworkAI" }, { "handle": "nexu-io", "role": "studio", "href": "https://github.com/nexu-io" }, { "handle": "you", "role": "be next", "href": "https://github.com/nexu-io/open-design/graphs/contributors" } ] }, "footer": { "brand_description": "The open-source alternative to Claude Design. Built on the shoulders of huashu-design, guizang-ppt, multica-ai, and open-codesign.", "brand_cta": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases", "meta": "macOS · v0.3.0" }, "columns": [ { "title": "Studio", "links": [ { "label": "Capabilities", "href": "#agents" }, { "label": "Labs", "href": "#labs" }, { "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, { "label": "Manifesto", "href": "https://github.com/nexu-io/open-design" } ]}, { "title": "Library", "links": [ { "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, { "label": "72 Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, { "label": "5 Directions", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, { "label": "5 Frames", "href": "https://github.com/nexu-io/open-design/tree/main/skills/hyperframes" } ]}, { "title": "Connect", "links": [ { "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, { "label": "Issues", "href": "https://github.com/nexu-io/open-design/issues" }, { "label": "Contributors", "href": "https://github.com/nexu-io/open-design/graphs/contributors" }, { "label": "Releases", "href": "https://github.com/nexu-io/open-design/releases" } ]}, { "title": "Docs", "links": [ { "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, { "label": "Architecture", "href": "https://github.com/nexu-io/open-design/blob/main/docs/architecture.md" }, { "label": "Skill Protocol", "href": "https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md" }, { "label": "Roadmap", "href": "https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md" } ]} ], "mega": [ { "text": "Open " }, { "text": "Design", "em": true }, { "text": "." } ] }, "imagery": { "strategy": "bring-your-own", "assets_path": "./assets/", "provider": "fal" } }