15:["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/LICENSE","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-badge","src":"https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat","alt":"license","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}] 16:["$","a","a-2",{"href":"https://discord.gg/mHAjSMV6gz","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-badge","src":"https://img.shields.io/discord/1479002485040480266?style=flat&logo=discord&logoColor=white&label=discord&color=5865F2&cacheSeconds=3600","alt":"discord","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}] 17:["$","a","a-3",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/QUICKSTART.md","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-badge","src":"https://img.shields.io/badge/quickstart-3%20commands-green?style=flat","alt":"quickstart","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}] 18:["$","p","p-3",{"align":"center","children":[["$","b","b-0",{"children":"English"}]," · ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.es.md","rel":"noreferrer","target":"_blank","children":"Español"}]," · ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.pt-BR.md","rel":"noreferrer","target":"_blank","children":"Português"}]," · ",["$","a","a-2",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.de.md","rel":"noreferrer","target":"_blank","children":"Deutsch"}]," · ",["$","a","a-3",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.fr.md","rel":"noreferrer","target":"_blank","children":"Français"}]," · ",["$","a","a-4",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.zh-CN.md","rel":"noreferrer","target":"_blank","children":"简体中文"}]," · ",["$","a","a-5",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.zh-TW.md","rel":"noreferrer","target":"_blank","children":"繁體中文"}]," · ",["$","a","a-6",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.ko.md","rel":"noreferrer","target":"_blank","children":"한국어"}]," · ",["$","a","a-7",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.ja-JP.md","rel":"noreferrer","target":"_blank","children":"日本語"}]," · ",["$","a","a-8",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.ar.md","rel":"noreferrer","target":"_blank","children":"العربية"}]," · ",["$","a","a-9",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.ru.md","rel":"noreferrer","target":"_blank","children":"Русский"}]," · ",["$","a","a-10",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.uk.md","rel":"noreferrer","target":"_blank","children":"Українська"}]," · ",["$","a","a-11",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.tr.md","rel":"noreferrer","target":"_blank","children":"Türkçe"}]," · ",["$","a","a-12",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/i18n/README.th.md","rel":"noreferrer","target":"_blank","children":"ภาษาไทย"}]]}] 19:["$","hr","hr-0",{}] 1a:["$","h2","h2-0",{"children":"What is Open Design"}] 1b:["$","p","p-4",{"children":["🎨 ",["$","strong","strong-0",{"children":"The open-source Claude Design alternative."}]," 🖥️ ",["$","strong","strong-1",{"children":"Local-first native desktop app for macOS and Windows."}]," ⚡ ",["$","strong","strong-2",{"children":["Composable skills, brand-grade ",["$","code","code-0",{"children":"DESIGN.md"}]," design systems, and ready-to-use plugins."]}]," 🖼️ Generates ",["$","strong","strong-3",{"children":"web · desktop · mobile prototypes"}],", ",["$","strong","strong-4",{"children":"live dashboards / artifacts"}],", ",["$","strong","strong-5",{"children":"decks"}],", ",["$","strong","strong-6",{"children":"images"}],", ",["$","strong","strong-7",{"children":"video"}],", plus ",["$","strong","strong-8",{"children":"HyperFrames"}]," motion graphics. 🔒 Sandboxed iframe preview · HTML / PDF / PPTX / MP4 export. 🤖 ",["$","strong","strong-9",{"children":["Runs on DeepSeek Harness (",["$","code","code-0",{"children":"dsh"}],") · Claude Code · OpenClaw · Codex · Cursor · OpenCode · Qwen · Copilot · Amp · Hermes · Kimi · Antigravity and 26 distinct local CLI executables"]}],", or any OpenAI-compatible endpoint via BYOK."]}] 1c:["$","p","p-5",{"children":["Open Design is what you get when the ",["$","strong","strong-0",{"children":"agent-native"}]," loop Anthropic shipped with Claude Design — discover the brief, lock the direction, stream the artifact, critique, deliver — stops being closed and becomes a ",["$","strong","strong-1",{"children":"filesystem of functional skills, rendering design templates, design systems, and plugins"}]," that the coding agents already on your laptop can read, write, and remix. Your CLI becomes the design engine, your laptop becomes the studio, and your team's ",["$","code","code-0",{"children":"DESIGN.md"}]," becomes the brand contract."]}] 1d:["$","p","p-6",{"children":["It's also the ",["$","strong","strong-0",{"children":"Figma alternative for the agent era"}]," — instead of pushing pixels on a canvas, it delivers single-page artifacts in real CSS, real fonts, real components, exported straight to HTML / PDF / PPTX / MP4 — already shaped by your design system, already runnable inside the agent you use every day."]}] 1e:["$","hr","hr-1",{}] 1f:["$","h2","h2-1",{"children":"Product tour"}] 20:["$","p","p-7",{"children":["A quick look at the core Open Design workflow. Start from ",["$","strong","strong-0",{"children":"Home"}]," with a brief, explore reusable skills in ",["$","strong","strong-1",{"children":"Plugins"}],", and turn brand references into a ",["$","strong","strong-2",{"children":"Design System"}],". Then enter a project's ",["$","strong","strong-3",{"children":"Studio"}]," to create and refine prototypes, decks, mobile apps, images, documents, and HyperFrames in one place."]}] 21:["$","h3","h3-0",{"children":"Core pages"}] 22:["$","table","table-0",{"children":["$","tbody","tbody-0",{"children":["$","tr","tr-0",{"children":["$","td","td-0",{"vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/home.png","alt":"Open Design Home page with artifact types, brief composer, model picker, and examples","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Home"}]," — choose an artifact type, enter a brief, and set the design system, working directory, and model before you start."]}],"\n"]}]}]}]}] 23:["$","table","table-1",{"children":["$","tbody","tbody-0",{"children":["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/plugins.png","alt":"Open Design Plugins page showing the official skills catalog","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Plugins"}]," — browse official skills by category, search the catalog, and launch a workflow with ",["$","code","code-0",{"children":"Try it"}],"."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/design-system.png","alt":"Shopify design system preview inside Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Design System"}]," — extract and refine a brand's visual language, preview the result, and create with it in the same workspace."]}],"\n"]}]]}]}]}] 24:["$","h3","h3-1",{"children":"Studio — many artifact types in one project"}] 25:["$","p","p-8",{"children":"Inside a project's Studio, the conversation, generated files, and live preview stay together across six artifact types:"}] 26:["$","table","table-2",{"children":["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-prototype.png","alt":"Web prototype preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Prototype"}]," — generate or reconstruct web experiences, inspect the rendered page, and iterate with the agent in place."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-deck.png","alt":"Multi-slide deck preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Deck"}]," — create multi-slide presentations, review thumbnails and speaker notes, and export when ready."]}],"\n"]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-mobile-app.png","alt":"Mobile app artifact preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Mobile app"}]," — generate and polish mobile interfaces in a device preview, with the conversation, output files, and next-step actions beside it."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-image.png","alt":"Generated image preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Image"}]," — generate visual assets from the project conversation, preview the result at full size, then download or open it."]}],"\n"]}]]}],["$","tr","tr-2",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-document.png","alt":"Multi-page document preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Document"}]," — create polished, multi-page guides and editorial documents, inspect the rendered layout, and export or share when ready."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/product-tour/studio-hyperframe.png","alt":"HyperFrame motion graphic preview in Open Design Studio","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"HyperFrame"}]," — build code-driven motion graphics, preview the animation inside Studio, and export the finished video."]}],"\n"]}]]}]]}]}] 27:["$","hr","hr-2",{}] 28:["$","h2","h2-2",{"children":"Platform Compatibility"}] 29:["$","blockquote","blockquote-1",{"children":["\n",["$","p","p-0",{"children":["Open Design connects to mainstream coding agents in two ways: ",["$","strong","strong-0",{"children":"skills, CLI, and MCP"}]," for agents that consume OD, plus ",["$","strong","strong-1",{"children":"native runtime adapters"}]," for agents that OD launches directly. DeepSeek Harness is a first-class native runtime through the official ",["$","code","code-0",{"children":"dsh"}]," CLI, with structured streaming, model discovery, cancellation, and session resume."]}],"\n"]}] 2a:["$","table","table-3",{"children":[["$","thead","thead-0",{"children":["$","tr","tr-0",{"children":[["$","th","th-0",{"children":"Coding agent / platform "}],["$","th","th-1",{"style":{"textAlign":"center"},"children":"Status "}],["$","th","th-2",{"children":"Quick setup "}]]}]}],["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://docs.anthropic.com/en/docs/claude-code","rel":"noreferrer","target":"_blank","children":"Claude Code"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install claude"}]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://claude.ai/download","rel":"noreferrer","target":"_blank","children":"Claude Desktop"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported¹"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install claude-desktop"}]}]]}],["$","tr","tr-2",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/openai/codex","rel":"noreferrer","target":"_blank","children":"Codex CLI"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install codex"}]}]]}],["$","tr","tr-3",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/esengine/DeepSeek-Reasonix","rel":"noreferrer","target":"_blank","children":"DeepSeek Reasonix"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install reasonix"}]}]]}],["$","tr","tr-4",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/deepseek-ai/deepseek-harness","rel":"noreferrer","target":"_blank","children":"DeepSeek Harness"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Native runtime"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od agent setup deepseek-harness"}]}]]}],["$","tr","tr-5",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/EverMind-AI/Raven","rel":"noreferrer","target":"_blank","children":"Raven"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install raven"}]}]]}],["$","tr","tr-6",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://www.cursor.com/cli","rel":"noreferrer","target":"_blank","children":"Cursor"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install cursor"}]}]]}],["$","tr","tr-7",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/features/copilot","rel":"noreferrer","target":"_blank","children":"VS Code + GitHub Copilot"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install copilot"}]}]]}],["$","tr","tr-8",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/features/copilot/cli","rel":"noreferrer","target":"_blank","children":"GitHub Copilot CLI"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install copilot"}]}]]}],["$","tr","tr-9",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://opencode.ai/","rel":"noreferrer","target":"_blank","children":"OpenCode"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install opencode"}]}]]}],["$","tr","tr-10",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/openclaw/openclaw","rel":"noreferrer","target":"_blank","children":"OpenClaw"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install openclaw"}]}]]}],["$","tr","tr-11",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://antigravity.google","rel":"noreferrer","target":"_blank","children":"Antigravity"}]}],["$","td","td-1",{"style":{"textAlign":"center"},"children":"✅ Supported"}],["$","td","td-2",{"children":["$","code","code-0",{"children":"od mcp install antigravity"}]}]]}],["$","tr","tr-12",{"children":["$Lc0","$Lc1","$Lc2"]}],"$Lc3","$Lc4","$Lc5","$Lc6","$Lc7","$Lc8"]}]]}] 2b:["$","p","p-9",{"children":["For DeepSeek Harness, install the official ",["$","code","code-0",{"children":"dsh"}]," CLI first, then select it in Open Design or run ",["$","code","code-1",{"children":"od agent setup deepseek-harness"}]," to install/repair OD's connection component. For MCP integrations: ",["$","code","code-2",{"children":"od mcp install --print"}]," for a dry-run preview · ",["$","code","code-3",{"children":"--uninstall"}]," to remove · full list with ",["$","code","code-4",{"children":"od mcp install --help"}],"."]}] 2c:["$","p","p-10",{"children":"¹ Automatic MCP configuration for Claude Desktop is currently supported on macOS and Windows only."}] 2d:["$","p","p-11",{"align":"center","children":["\n ",["$","img","img-0",{"className":"readme-image","src":"https://repo-assets.open-design.ai/resources/images/coding-agents.png","alt":"The 26 coding-agent CLIs Open Design supports — DeepSeek Harness · Claude Code · Codex · OpenCode · Hermes · Antigravity · Vela · Grok Build · Kimi · Cursor Agent · Qwen · Qoder · GitHub Copilot · Pi · Kiro · Kilo · Mistral Vibe · DeepSeek · Reasonix · Aider · Amp · CodeBuddy · Mimo · AtomCode · Devin · Trae","title":"$undefined","width":"100%","height":"$undefined","loading":"lazy"}],"\n"]}] 2e:["$","p","p-12",{"children":[["$","strong","strong-0",{"children":"No CLI installed?"}]," The BYOK proxy at ",["$","code","code-0",{"children":"POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream"}]," gives you the same loop (no process spawn) — paste ",["$","code","code-1",{"children":"baseUrl"}]," + ",["$","code","code-2",{"children":"apiKey"}]," + ",["$","code","code-3",{"children":"model"}],", with presets for OpenAI, Atlas Cloud, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM, or any OpenAI-compatible endpoint. Atlas Cloud uses ",["$","code","code-4",{"children":"https://api.atlascloud.ai/v1"}]," with your own key and OpenAI-compatible model ids such as ",["$","code","code-5",{"children":"qwen/qwen3.5-flash"}],". Per-target SSRF protection blocks internal IPs / link-local / CGNAT at the daemon edge."]}] 2f:["$","p","p-13",{"children":["Runtime definitions live in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/apps/daemon/src/runtimes/defs/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"apps/daemon/src/runtimes/defs/"}]}],", with registration and shared stream handling under ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/apps/daemon/src/runtimes/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"apps/daemon/src/runtimes/"}]}],". See ",["$","a","a-2",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/agent-adapters.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"docs/agent-adapters.md"}]}]," for the adapter contract."]}] 30:["$","hr","hr-3",{}] 31:["$","h2","h2-3",{"children":"Demo"}] 32:["$","p","p-14",{"children":"Four core product categories, all rendered by a coding agent running on your laptop. Click a thumbnail to see the real example."}] 33:["$","h3","h3-2",{"children":"1 · Prototypes — web · desktop · mobile"}] 34:["$","p","p-15",{"children":["The default output surface. Single-page HTML artifacts that read your ",["$","code","code-0",{"children":"DESIGN.md"}]," and render in a sandboxed iframe."]}] 35:["$","table","table-4",{"children":["$","tbody","tbody-0",{"children":["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/dating-web.png","alt":"Web prototype dating-web","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Web prototype"}]," — an editorial dashboard with scrollbars, KPIs, and charts. Rendered straight from ",["$","code","code-0",{"children":"design-templates/dating-web/"}],"."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/gamified-app.png","alt":"Gamified app","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Mobile app prototype"}]," — a three-screen gamified flow with XP ribbons and quest detail. Hand off straight to Cursor / Codex / Claude Code to turn into React/Next/Vue."]}],"\n"]}]]}]}]}] 36:["$","h3","h3-3",{"children":"2 · Live artifacts & dashboards"}] 37:["$","p","p-16",{"children":"Live dashboards, decision rooms, KPI walls — single-page artifacts that pull data through a tweaks panel and stay editable in place."}] 38:["$","table","table-5",{"children":["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/live-dashboard.png","alt":"Live dashboard","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Live dashboard"}]," — an editable KPI wall whose tweaks panel surfaces the parameters worth nudging. The agent emits a manifest, and the iframe re-renders without a reload."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/research-decision-room.png","alt":"Decision room","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Decision room"}]," — a multi-source briefing artifact for product / research / ops meetings."]}],"\n"]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/github-dashboard.png","alt":"GitHub dashboard","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"GitHub-style dashboard"}]," — repo metrics presented as a live artifact."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/flowai-live-dashboard-template.png","alt":"Flow live dashboard","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Flow live-dashboard template"}]," — a domain-specific KPI template, branded through the active ",["$","code","code-0",{"children":"DESIGN.md"}],"."]}],"\n"]}]]}]]}]}] 39:["$","h3","h3-4",{"children":"3 · Decks — magazine decks, weekly updates, pitches"}] 3a:["$","table","table-6",{"children":["$","tbody","tbody-0",{"children":["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/07-magazine-deck.png","alt":"Magazine deck (guizang-ppt)","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Deck mode (guizang-ppt)"}]," — magazine layouts, WebGL hero, P0/P1/P2 checklists. Bundled verbatim from ",["$","a","a-0",{"href":"https://github.com/op7418/guizang-ppt-skill","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"op7418/guizang-ppt-skill"}]}]," with its original license preserved."]}],"\n"]}],["$","td","td-1",{"width":"50%","vAlign":"top","children":["\n",["$","img","img-0",{"className":"readme-image","src":"https://raw.githubusercontent.com/nexu-io/open-design/HEAD/docs/screenshots/skills/deck-swiss-international.png","alt":"Swiss deck","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],"\n",["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Swiss International-style deck"}]," — grid-anchored, monochrome accents. One of ",["$","b","b-1",{"children":"15 deck templates"}]," and ",["$","b","b-2",{"children":"36 themes"}]," under ",["$","code","code-0",{"children":"design-templates/html-ppt-*/"}],"."]}],"\n"]}]]}]}]}] 3b:["$","p","p-17",{"children":["Every deck exports to ",["$","strong","strong-0",{"children":"HTML"}]," (single file, inlined assets), ",["$","strong","strong-1",{"children":"PDF"}]," (browser print, deck-aware), ",["$","strong","strong-2",{"children":"PPTX"}]," (agent-driven skill), ",["$","strong","strong-3",{"children":"ZIP"}]," (archive), or ",["$","strong","strong-4",{"children":"Markdown"}],"."]}] 3c:["$","h3","h3-5",{"children":["4 · Images — ",["$","code","code-0",{"children":"gpt-image-2"}],", ImageRouter, custom API"]}] 3d:["$","table","table-7",{"children":["$","tbody","tbody-0",{"children":["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"20%","vAlign":"top","children":[["$","img","img-0",{"className":"readme-image","src":"https://cms-assets.youmind.com/media/1776662673014_nf0taw_HGRMNDybsAAGG88.jpg","alt":"Illustrated city food map","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Illustrated city food map"}],["$","br","br-0",{}],"Hand-drawn editorial travel poster"]}]]}],["$","td","td-1",{"width":"20%","vAlign":"top","children":[["$","img","img-0",{"className":"readme-image","src":"https://cms-assets.youmind.com/media/1777453149026_gd2k50_HHCSvymboAAVscc.jpg","alt":"Cinematic elevator scene","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Cinematic elevator scene"}],["$","br","br-0",{}],"Single-frame editorial still"]}]]}],["$","td","td-2",{"width":"20%","vAlign":"top","children":[["$","img","img-0",{"className":"readme-image","src":"https://cms-assets.youmind.com/media/1777453164993_mt5b69_HHDoWfeaUAEA6Vt.jpg","alt":"Cyberpunk anime portrait","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Cyberpunk portrait"}],["$","br","br-0",{}],"Profile avatar — neon face text"]}]]}],["$","td","td-3",{"width":"20%","vAlign":"top","children":[["$","img","img-0",{"className":"readme-image","src":"https://cms-assets.youmind.com/media/1776661968404_8a5flm_HGQc_KOaMAA2vt0.jpg","alt":"3D stone staircase evolution","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"3D stone staircase"}],["$","br","br-0",{}],"Hewn-stone infographic"]}]]}],["$","td","td-4",{"width":"20%","vAlign":"top","children":[["$","img","img-0",{"className":"readme-image","src":"https://cms-assets.youmind.com/media/1777453184257_vb9hvl_HG9tAkOa4AAuRrn.jpg","alt":"Glamorous portrait","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Glamorous portrait"}],["$","br","br-0",{}],"Editorial studio shot"]}]]}]]}]}]}] 3e:["$","p","p-18",{"children":[["$","strong","strong-0",{"children":"93 ready-to-replicate prompts"}]," live in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"prompt-templates/"}]}]," — preview thumbnails, full prompt body, target model, aspect ratio, and source attribution. One click drops a brief into the composer."]}] 3f:["$","h3","h3-6",{"children":"5 · Video & HyperFrames — agent-native motion graphics"}] 40:["$","p","p-19",{"children":[["$","strong","strong-0",{"children":["$","a","a-0",{"href":"https://github.com/heygen-com/hyperframes","rel":"noreferrer","target":"_blank","children":"HyperFrames"}]}]," is HeyGen's open-source, agent-native video framework, integrated as a first-class citizen in Open Design. The agent writes HTML + CSS + GSAP, and HyperFrames renders it to a deterministic MP4 via headless Chrome + FFmpeg. Pair it with ",["$","strong","strong-1",{"children":"Seedance 2.0"}]," for cinematic t2v / i2v, ",["$","strong","strong-2",{"children":"Veo 3 / Sora 2 / Kling 2"}]," for routed model variants, and ",["$","strong","strong-3",{"children":"Suno v5 / Lyria 2"}]," for the audio layer."]}] 41:["$","table","table-8",{"children":["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-saas-product-promo-30s.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/app-showcase.png","alt":"SaaS promo","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"30s SaaS product promo"}]," · 16:9 · UI 3D reveals"]}]]}],["$","td","td-1",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-tiktok-karaoke-talking-head.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/tiktok-follow.png","alt":"TikTok karaoke","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"TikTok karaoke talking-head"}]," · 9:16 · TTS + word-synced captions"]}]]}],["$","td","td-2",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-brand-sizzle-reel.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/logo-outro.png","alt":"Brand sizzle reel","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"30s brand sizzle reel"}]," · 16:9 · audio-reactive kinetic type"]}]]}],["$","td","td-3",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-data-bar-chart-race.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/data-chart.png","alt":"Bar chart race","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Bar chart race"}]," · 16:9 · NYT-style data infographic"]}]]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-flight-map-route.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/nyc-paris-flight.png","alt":"Flight map","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"Flight map"}]," · 16:9 · Apple-style route reveal"]}]]}],["$","td","td-1",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-logo-outro-cinematic.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/logo-outro.png","alt":"Logo outro","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":[["$","b","b-0",{"children":"4s cinematic logo outro"}]," · 16:9 · piece-by-piece assembly + bloom"]}]]}],["$","td","td-2",{"width":"25%","vAlign":"top","children":[["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/prompt-templates/video/hyperframes-money-counter-hype.json","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/apple-money-count.png","alt":"Money counter","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}],["$","br","br-0",{}],["$","sub","sub-0",{"children":["$Lc9"," · 9:16 · Apple-style hype"]}]]}],"$Lca"]}]]}]}] 42:["$","p","p-20",{"children":["11 HyperFrames templates + 39 Seedance prompts ship with the repo. Catalog thumbnails © HeyGen; the framework is Apache-2.0. The OD-specific render workflow (composition cache, sandbox-exec workaround, MP4-as-chip) is detailed in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/hyperframes/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"design-templates/hyperframes/"}]}],"."]}] 43:["$","hr","hr-4",{}] 44:["$","h2","h2-4",{"children":"Why Open Design"}] 45:["$","blockquote","blockquote-2",{"children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":"In April 2026, Anthropic released Claude Design — the first time an LLM stopped writing prose and started delivering design artifacts directly."}]," It went viral. But it stayed closed-source, paid-only, cloud-only, locked to Anthropic's model, Anthropic's skills, Anthropic's surface. No checkout, no self-host, no Vercel deploy, no swap-in-your-own-agent."]}],"\n"]}] 46:["$","p","p-21",{"children":"Open Design (OD) is the open-source alternative. Same loop, same artifact-first mental model, none of the lock-in:"}] 47:["$","ul","ul-0",{"children":["\n",["$","li","li-0",{"children":["🤖 ",["$","strong","strong-0",{"children":"Agent-native, model-agnostic."}]," We don't ship an agent. The ",["$","code","code-0",{"children":"claude"}]," / ",["$","code","code-1",{"children":"codex"}]," / ",["$","code","code-2",{"children":"cursor-agent"}]," / ",["$","code","code-3",{"children":"copilot"}]," / ",["$","code","code-4",{"children":"hermes"}]," / ",["$","code","code-5",{"children":"kimi"}]," already on your ",["$","code","code-6",{"children":"PATH"}]," are the design engine. Swap with one click."]}],"\n",["$","li","li-1",{"children":["🧠 ",["$","strong","strong-0",{"children":"Brand-grade by default."}]," Every render reads the active package's ",["$","code","code-0",{"children":"DESIGN.md"}]," as the core brand contract. 151 design-system packages ship with the repo; legacy packages may be ",["$","code","code-1",{"children":"DESIGN.md"}],"-only, while newer packages can add ",["$","code","code-2",{"children":"manifest.json"}],", ",["$","code","code-3",{"children":"tokens.css"}],", components, assets, and provenance. Drop a folder in, the picker finds it."]}],"\n",["$","li","li-2",{"children":["🖥️ ",["$","strong","strong-0",{"children":"Local-first, BYOK at every layer."}]," Native desktop apps for macOS (Apple Silicon + Intel) and Windows (x64). Linux AppImage on the optional release lane. Product analytics and session replay are consent-gated; scrubbed safety and reliability telemetry is always on. Before describing daemon data paths, contributors and operators MUST read ",["$","code","code-0",{"children":"AGENTS.md"}]," → ",["$","strong","strong-1",{"children":"Daemon data directory contract"}],". This README MUST NOT restate it."]}],"\n",["$","li","li-3",{"children":["🌍 ",["$","strong","strong-0",{"children":"Composable on four planes."}]," ",["$","strong","strong-1",{"children":"Plugins"}]," carry runnable workflows · functional ",["$","strong","strong-2",{"children":"skills"}]," carry agent behavior · ",["$","strong","strong-3",{"children":"design templates"}]," carry rendering blueprints · ",["$","strong","strong-4",{"children":"design systems"}]," carry the brand. All four use portable, versionable directories that anyone can author and publish."]}],"\n",["$","li","li-4",{"children":["🔁 ",["$","strong","strong-0",{"children":"Refresh an existing codebase."}]," Hand a ",["$","code","code-0",{"children":"git"}]," repo + ",["$","code","code-1",{"children":"DESIGN.md"}]," to the agent and it refactors your real components to the brand spec. Dedicated plugins migrate Figma / Pencil workflows into React / Next.js / Vue code."]}],"\n",["$","li","li-5",{"children":["🔒 ",["$","strong","strong-0",{"children":"Privacy by conviction."}]," Everything runs where your data lives — your laptop, your team's server, your Vercel project. When the network is needed, the BYOK proxy is SSRF-guarded."]}],"\n"]}] 48:["$","h3","h3-7",{"children":"Comparison"}] 49:["$","table","table-9",{"children":[["$","thead","thead-0",{"children":["$","tr","tr-0",{"children":[["$","th","th-0",{}],["$","th","th-1",{"children":"Claude Design"}],["$","th","th-2",{"children":"Figma"}],["$","th","th-3",{"children":"Lovable / v0 / Bolt"}],["$","th","th-4",{"children":["$","strong","strong-0",{"children":"Open Design"}]}]]}]}],["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"children":"Open source"}],["$","td","td-1",{"children":"❌"}],["$","td","td-2",{"children":"❌"}],["$","td","td-3",{"children":"❌"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ Apache-2.0"}]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"children":"Self-host / desktop"}],["$","td","td-1",{"children":"❌"}],["$","td","td-2",{"children":"❌"}],["$","td","td-3",{"children":"❌"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ macOS + Windows + Docker + Vercel web"}]}]]}],["$","tr","tr-2",{"children":[["$","td","td-0",{"children":"Agent-native (runs in your CLI)"}],["$","td","td-1",{"children":"Anthropic only"}],["$","td","td-2",{"children":"❌"}],["$","td","td-3",{"children":"Cloud agent only"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ 25 CLIs + BYOK"}]}]]}],["$","tr","tr-3",{"children":[["$","td","td-0",{"children":["Brand-grade ",["$","code","code-0",{"children":"DESIGN.md"}]]}],["$","td","td-1",{"children":"Proprietary"}],["$","td","td-2",{"children":"Theme JSON"}],["$","td","td-3",{"children":"Limited tokens"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ 151 systems shipped"}]}]]}],["$","tr","tr-4",{"children":[["$","td","td-0",{"children":"Skills / plugins / templates"}],["$","td","td-1",{"children":"Closed"}],["$","td","td-2",{"children":"Plugin store"}],["$","td","td-3",{"children":"Closed"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ 100+ functional skills · rendering templates · 277 plugins"}]}]]}],["$","tr","tr-5",{"children":[["$","td","td-0",{"children":"HyperFrames (HTML→MP4)"}],["$","td","td-1",{"children":"❌"}],["$","td","td-2",{"children":"❌"}],["$","td","td-3",{"children":"❌"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"✅ First-class"}]}]]}],["$","tr","tr-6",{"children":[["$","td","td-0",{"children":"Refresh an existing repo to brand"}],["$","td","td-1",{"children":"❌"}],["$","td","td-2",{"children":"❌"}],["$","td","td-3",{"children":"❌"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":["✅ via agent + ",["$","code","code-0",{"children":"DESIGN.md"}]]}]}]]}],["$","tr","tr-7",{"children":[["$","td","td-0",{"children":"Minimum billing"}],["$","td","td-1",{"children":"Pro / Max / Team"}],["$","td","td-2",{"children":"Pro / Org"}],["$","td","td-3",{"children":"Pro / Team"}],["$","td","td-4",{"children":["$","strong","strong-0",{"children":"BYOK · any compatible endpoint"}]}]]}]]}]]}] 4a:["$","hr","hr-5",{}] 4b:["$","h2","h2-5",{"children":"Quick start"}] 4c:["$","h3","h3-8",{"children":"🖥️ Download the desktop app (recommended — zero config)"}] 4d:["$","p","p-22",{"children":"The fastest way to use Open Design. No Node, no pnpm, no clone."}] 4e:["$","ul","ul-1",{"children":["\n",["$","li","li-0",{"children":[["$","strong","strong-0",{"children":"macOS"}]," (Apple Silicon · Intel x64) → ",["$","a","a-0",{"href":"https://open-design.ai/?utm_source=github&utm_medium=referral&utm_content=readme_download_macos","rel":"noreferrer","target":"_blank","children":["$","strong","strong-0",{"children":"open-design.ai"}]}]," or ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/releases","rel":"noreferrer","target":"_blank","children":"GitHub Releases"}]]}],"\n",["$","li","li-1",{"children":[["$","strong","strong-0",{"children":"Windows"}]," (x64) → ",["$","a","a-0",{"href":"https://open-design.ai/?utm_source=github&utm_medium=referral&utm_content=readme_download_windows","rel":"noreferrer","target":"_blank","children":["$","strong","strong-0",{"children":"open-design.ai"}]}]," or ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/releases","rel":"noreferrer","target":"_blank","children":"GitHub Releases"}]]}],"\n",["$","li","li-2",{"children":[["$","strong","strong-0",{"children":"Linux"}]," (AppImage, optional lane) → ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/releases","rel":"noreferrer","target":"_blank","children":"GitHub Releases"}]]}],"\n"]}] 4f:["$","p","p-23",{"children":["After install: the app auto-detects every coding-agent CLI on your ",["$","code","code-0",{"children":"PATH"}],", loads 100+ functional skills, the separate rendering-template catalog, and 151 design systems, and lets you type a brief in the entry view."]}] 50:["$","h3","h3-9",{"children":"🤖 Install into your coding agent (no UI)"}] 51:["$","p","p-24",{"children":"You can use Open Design without ever opening the GUI — call it as a skill, plugin, or MCP server inside Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi, and more."}] 52:["$","p","p-25",{"children":["If you installed the macOS desktop app via the DMG or Homebrew cask, your shell\nmay still resolve ",["$","code","code-0",{"children":"od"}]," to Apple's built-in ",["$","code","code-1",{"children":"/usr/bin/od"}]," octal-dump utility. In\nthat case, open ",["$","strong","strong-0",{"children":"Settings → MCP server"}]," in the desktop app and copy the\nclient-specific snippet; it uses absolute paths and does not rely on the bare\n",["$","code","code-2",{"children":"od"}]," command."]}] 53:["$","pre","pre-0",{"children":["$","code","code-0",{"className":"language-bash","children":"# One-line install into the agent you're using:\nod mcp install \n# = claude | codex | reasonix | raven | cursor | copilot | openclaw\n# | antigravity | pi | vibe | hermes | cline | kimi | kiro\n# | trae | opencode\n\n# Hosted equivalent for curl-based setup:\ncurl -fsSL https://open-design.ai/install.sh | sh -s \n"}]}] 54:["$","p","p-26",{"children":[["$","code","code-0",{"children":"install.sh"}]," is a thin shell wrapper around ",["$","code","code-1",{"children":"od mcp install"}],"; it exists so the\nhosted URL returns shell instead of the landing-page HTML fallback and fails\nfast if your shell resolves a non-Open-Design ",["$","code","code-2",{"children":"od"}]," binary."]}] 55:["$","blockquote","blockquote-3",{"children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":"macOS / WSL2 users:"}]," ",["$","code","code-0",{"children":"/usr/bin/od"}]," is a system octal-dump command and can\nshadow Open Design's ",["$","code","code-1",{"children":"od"}]," command. Desktop-app users should prefer the\n",["$","strong","strong-1",{"children":"Settings → MCP server"}]," snippet; WSL2 users should follow the\n",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/wsl-setup.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"WSL2 setup guide"}]}]," first."]}],"\n"]}] 56:["$","p","p-27",{"children":"Then, inside the agent:"}] 57:["$","pre","pre-1",{"children":["$","code","code-0",{"children":"> Use open-design to generate a landing page with the Linear design system\n"}]}] 58:["$","p","p-28",{"children":["In a filesystem-backed local CLI run, the agent composes the selected functional skill or design template with your ",["$","code","code-0",{"children":"DESIGN.md"}],", writes the canonical project files, and Open Design previews those files. A BYOK/plain-API run without filesystem tools instead returns one complete ",["$","code","code-1",{"children":""}]," block."]}] 59:["$","h3","h3-10",{"children":"🐳 Run with Docker"}] 5a:["$","pre","pre-2",{"children":["$","code","code-0",{"className":"language-bash","children":"git clone https://github.com/nexu-io/open-design.git\ncd open-design/deploy\ncp .env.example .env\necho \"OD_API_TOKEN=$(openssl rand -hex 32)\" >> .env\ndocker compose up -d\n# open http://127.0.0.1:7456\n"}]}] 5b:["$","p","p-29",{"children":["If the browser asks for credentials, use ",["$","code","code-0",{"children":"open-design"}]," as the username and the\n",["$","code","code-1",{"children":"OD_API_TOKEN"}]," value from ",["$","code","code-2",{"children":"deploy/.env"}]," as the password. This keeps Docker bridge\ntraffic authenticated without requiring host networking. API clients can keep\nusing ",["$","code","code-3",{"children":"Authorization: Bearer "}],"."]}] 5c:["$","h3","h3-11",{"children":"🚀 Deploy on Sealos"}] 5d:["$","p","p-30",{"children":["$","a","a-0",{"href":"https://sealos.io/products/app-store/open-design/","rel":"noreferrer","target":"_blank","children":["$","img","img-0",{"className":"readme-image","src":"https://sealos.io/Deploy-on-Sealos.svg","alt":"Deploy on Sealos","title":"$undefined","width":"$undefined","height":"$undefined","loading":"lazy"}]}]}] 5e:["$","p","p-31",{"children":["The Sealos App Store template runs the published Open Design Docker image with persistent workspace storage and Basic Auth on the public proxy. For custom public or shared Docker deployments, follow the reverse-proxy and ",["$","code","code-0",{"children":"OPEN_DESIGN_ALLOWED_ORIGINS"}]," guidance in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/deploy/README.md%23local-compose","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"deploy/README.md"}]}],"."]}] 5f:["$","h3","h3-12",{"children":"🧑‍💻 Run from source"}] 60:["$","pre","pre-3",{"children":["$","code","code-0",{"className":"language-bash","children":"git clone https://github.com/nexu-io/open-design.git\ncd open-design\ncorepack enable && pnpm install\npnpm tools-dev run web\n"}]}] 61:["$","p","p-32",{"children":["Open the URL printed by ",["$","code","code-0",{"children":"tools-dev"}],"; development ports are allocated dynamically unless you pass explicit port flags."]}] 62:["$","p","p-33",{"children":["Node ",["$","code","code-0",{"children":"~24"}],", pnpm ",["$","code","code-1",{"children":"10.33.x"}],". WSL2 users, see ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/wsl-setup.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"docs/wsl-setup.md"}]}],"; native Windows users, see ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/windows-troubleshooting.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"docs/windows-troubleshooting.md"}]}],". Full quickstart, env vars, Nix flake, and packaged build flow → ",["$","a","a-2",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/QUICKSTART.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"QUICKSTART.md"}]}],"."]}] 63:["$","h3","h3-13",{"children":"A full workflow — from brief to artifact"}] 64:["$","p","p-34",{"children":["$","code","code-0",{"children":"brief → plugin → direction → design system → artifact → handoff → memory"}]}] 65:["$","ol","ol-0",{"children":["\n",["$","li","li-0",{"children":[["$","strong","strong-0",{"children":"A PM submits a brief."}]," The plugin picker offers landing page · pitch deck · dashboard · social post · PM spec · OKR scorecard…"]}],"\n",["$","li","li-1",{"children":[["$","strong","strong-0",{"children":"A designer (or the agent) locks the direction."}]," No brand? Pick from 5 curated directions. Have a brand? Drop a screenshot / URL → the agent connects GitHub, imports Figma, and codifies a reusable ",["$","code","code-0",{"children":"DESIGN.md"}],"."]}],"\n",["$","li","li-2",{"children":[["$","strong","strong-0",{"children":"The agent creates the first deliverable."}]," Plugin + functional skill or design template + ",["$","code","code-0",{"children":"DESIGN.md"}]," are bound. Filesystem-backed CLI runs write canonical project files and the preview follows them; BYOK/plain-API runs without file tools return one complete ",["$","code","code-1",{"children":""}]," block."]}],"\n",["$","li","li-3",{"children":[["$","strong","strong-0",{"children":"Hand off to engineering."}]," The artifact is real HTML/CSS — drop it into Cursor, Codex, or Claude Code to keep building as code. Or export PPTX / PDF / MP4 straight to marketing."]}],"\n",["$","li","li-4",{"children":[["$","strong","strong-0",{"children":"Open Design gets smarter as you use it."}]," Your screenshots, fonts, palettes, and confirmed artifacts accumulate as defaults for the next session. Less rework, less drift."]}],"\n"]}] 66:["$","hr","hr-6",{}] 67:["$","h2","h2-6",{"children":"Use Open Design from your coding agent"}] 68:["$","p","p-35",{"children":["Open Design ships a ",["$","strong","strong-0",{"children":"stdio MCP server"}]," and per-agent ",["$","strong","strong-1",{"children":"install scripts"}],". Any MCP-compatible agent in another repo can read files from your local Open Design projects directly — tokens CSS, JSX components, entry HTML — as a structured API queryable by name. The agent always sees the live file, not a stale export."]}] 69:["$","pre","pre-4",{"children":["$","code","code-0",{"className":"language-bash","children":"# One-line install (16+ CLIs supported):\nod mcp install \n\n# Then the agent can:\nod project list --json\nod files list --json\nod files read

\nod plugin list --json\nod skills list --json\n"}]}] 6a:["$","p","p-36",{"children":[["$","strong","strong-0",{"children":"Why MCP?"}]," Exporting and re-attaching a zip every iteration breaks flow. MCP exposes the design source directly — the agent always sees the live file."]}] 6b:["$","p","p-37",{"children":[["$","strong","strong-0",{"children":"For an agent starting from scratch,"}]," the installer places ",["$","code","code-0",{"children":"~/.config//open-design.json"}]," (or the platform equivalent) plus a copy-paste MCP snippet. Cursor gets a one-click deeplink; Claude Code gets a ",["$","code","code-1",{"children":"claude mcp add-json"}]," one-liner; every other agent gets JSON in the schema its config expects. On macOS desktop installs, prefer that Settings snippet over typing bare ",["$","code","code-2",{"children":"od mcp install "}]," in Terminal, because ",["$","code","code-3",{"children":"/usr/bin/od"}]," may win on PATH. Full per-agent flow → ",["$","strong","strong-1",{"children":"Settings → MCP server"}]," in the desktop app, or ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/agent-adapters.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"docs/agent-adapters.md"}]}],"."]}] 6c:["$","p","p-38",{"children":[["$","strong","strong-0",{"children":"Security model."}]," Read-only by default, the daemon binds to ",["$","code","code-0",{"children":"127.0.0.1"}],", and SSRF is blocked at the proxy edge. LAN exposure requires an explicit ",["$","code","code-1",{"children":"OD_BIND_HOST"}]," plus ",["$","code","code-2",{"children":"OD_ALLOWED_ORIGINS"}],". Connector credentials and live-artifact preview routes stay loopback-only regardless."]}] 6d:["$","p","p-39",{"children":[["$","strong","strong-0",{"children":"Internally-hosted model endpoints."}]," To prevent SSRF, the daemon blocks provider base URLs that resolve to private/internal address ranges (RFC1918, link-local, CGNAT, and cloud-metadata IPs) by default, surfacing ",["$","code","code-0",{"children":"Internal IPs blocked"}],". If you run an internally-hosted gateway (e.g. LiteLLM or Ollama on a VPN-only ",["$","code","code-1",{"children":"10.x"}],"/",["$","code","code-2",{"children":"192.168.x"}]," address), opt that host out with ",["$","code","code-3",{"children":"OD_ALLOWED_INTERNAL_HOSTS=,,..."}]," — a comma- or whitespace-separated list of bare hostnames or IPs (",["$","code","code-4",{"children":"10.0.0.5"}],", ",["$","code","code-5",{"children":"litellm.internal.corp"}],"; a ",["$","code","code-6",{"children":"host:port"}]," or full URL is accepted and reduced to its hostname; IPv6 must be bracketed, e.g. ",["$","code","code-7",{"children":"[fd00::1]"}],"). The allowlist is strict opt-in (empty by default), exact-host (no subdomain/substring matching), and applies ",["$","strong","strong-1",{"children":"only"}]," to provider endpoints you configure (connection test, model discovery, BYOK chat). It deliberately does ",["$","strong","strong-2",{"children":"not"}]," relax the guard on download URLs returned inside upstream responses, which stay blocked. A malformed entry — or CIDR notation, which is not supported — is dropped with a warning rather than silently trusted, so a typo never quietly widens (or fails to widen) the guard. Allowlisting a hostname trusts whatever it resolves to (like ",["$","code","code-8",{"children":"OD_ALLOWED_ORIGINS"}],"); allowlist the resolved IP instead if you want the DNS-resolved address re-checked."]}] 6e:["$","hr","hr-7",{}] 6f:["$","h2","h2-7",{"children":"Skills and design templates"}] 70:["$","p","p-40",{"children":[["$","strong","strong-0",{"children":["100+ functional skills ship in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/skills/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"skills/"}]}]]}],". Each follows the Agent Skills ",["$","a","a-0",{"href":"https://docs.anthropic.com/en/docs/claude-code/skills","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"SKILL.md"}]}]," convention and supplies reusable agent behavior, references, or utilities. Renderable starters live separately in ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"design-templates/"}]}],"; they may also use ",["$","code","code-0",{"children":"SKILL.md"}],", but they populate the design-template catalog rather than the functional-skill registry."]}] 71:["$","p","p-41",{"children":["Two ",["$","strong","strong-0",{"children":"modes"}]," anchor the design-template catalog: ",["$","code","code-0",{"children":"prototype"}]," (web/mobile/desktop single-page artifacts) and ",["$","code","code-1",{"children":"deck"}]," (horizontal-swipe presentations). Other templates cover ",["$","code","code-2",{"children":"image"}],", ",["$","code","code-3",{"children":"video"}],", ",["$","code","code-4",{"children":"audio"}],", and utility surfaces. The ",["$","strong","strong-1",{"children":["$","code","code-0",{"children":"scenario"}]}]," field groups templates by audience: ",["$","code","code-5",{"children":"design"}]," · ",["$","code","code-6",{"children":"marketing"}]," · ",["$","code","code-7",{"children":"operation"}]," · ",["$","code","code-8",{"children":"engineering"}]," · ",["$","code","code-9",{"children":"product"}]," · ",["$","code","code-10",{"children":"finance"}]," · ",["$","code","code-11",{"children":"hr"}]," · ",["$","code","code-12",{"children":"sale"}]," · ",["$","code","code-13",{"children":"personal"}],"."]}] 72:["$","table","table-10",{"children":[["$","thead","thead-0",{"children":["$","tr","tr-0",{"children":[["$","th","th-0",{"children":"Design template"}],["$","th","th-1",{"children":"Mode"}],["$","th","th-2",{"children":"Scenario"}],["$","th","th-3",{"children":"What it produces"}]]}]}],["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/web-prototype/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"web-prototype"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"design"}],["$","td","td-3",{"children":"Default landing page / hero"}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/saas-landing/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"saas-landing"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"Hero / features / pricing / CTA"}]]}],["$","tr","tr-2",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/dashboard/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"dashboard"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"operation"}],["$","td","td-3",{"children":"Admin / analytics (with sidebar)"}]]}],["$","tr","tr-3",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/mobile-app/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"mobile-app"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"design"}],["$","td","td-3",{"children":"iPhone 15 Pro / Pixel framed app"}]]}],["$","tr","tr-4",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/mobile-onboarding/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"mobile-onboarding"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"design"}],["$","td","td-3",{"children":"Splash · value-prop · sign-in flow"}]]}],["$","tr","tr-5",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/social-carousel/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"social-carousel"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"3-card 1080×1080 carousel"}]]}],["$","tr","tr-6",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/email-marketing/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"email-marketing"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"Table-fallback-safe brand email"}]]}],["$","tr","tr-7",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/magazine-poster/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"magazine-poster"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"Single-page magazine layout"}]]}],["$","tr","tr-8",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/motion-frames/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"motion-frames"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"Looping CSS motion hero"}]]}],["$","tr","tr-9",{"children":[["$","td","td-0",{"children":["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-templates/sprite-animation/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"sprite-animation"}]}]}],["$","td","td-1",{"children":"prototype"}],["$","td","td-2",{"children":"marketing"}],["$","td","td-3",{"children":"8-bit pixel animated explainer"}]]}],"$Lcb","$Lcc","$Lcd","$Lce","$Lcf","$Ld0","$Ld1","$Ld2","$Ld3","$Ld4"]}]]}] 73:["$","p","p-42",{"children":["Full protocol and directory split → ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/docs/skills-protocol.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"docs/skills-protocol.md"}]}],". Registry endpoints: ",["$","code","code-0",{"children":"GET /api/skills"}]," for functional skills and ",["$","code","code-1",{"children":"GET /api/design-templates"}]," for rendering templates."]}] 74:["$","hr","hr-8",{}] 75:["$","h2","h2-8",{"children":"Design Systems"}] 76:["$","p","p-43",{"children":[["$","strong","strong-0",{"children":["151 brand-grade design-system packages centered on ",["$","code","code-0",{"children":"DESIGN.md"}]]}]," ship with the repo. Legacy packages may contain only that Markdown contract; newer packages can also carry ",["$","code","code-0",{"children":"manifest.json"}],", compiled ",["$","code","code-1",{"children":"tokens.css"}],", component fixtures, assets, and provenance evidence. The catalog mixes upstream-derived systems with project-owned additions; ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-systems/README.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"design-systems/README.md"}]}]," records the package shape and provenance. Switch a system → the next render uses the new tokens."]}] 77:["$","details","details-0",{"children":["\n",["$","summary","summary-0",{"children":["$","b","b-0",{"children":"Full catalog (click to expand)"}]}],"\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":"AI & LLM"}]," — ",["$","code","code-0",{"children":"claude"}]," · ",["$","code","code-1",{"children":"cohere"}]," · ",["$","code","code-2",{"children":"mistral-ai"}]," · ",["$","code","code-3",{"children":"minimax"}]," · ",["$","code","code-4",{"children":"together-ai"}]," · ",["$","code","code-5",{"children":"replicate"}]," · ",["$","code","code-6",{"children":"runwayml"}]," · ",["$","code","code-7",{"children":"elevenlabs"}]," · ",["$","code","code-8",{"children":"ollama"}]," · ",["$","code","code-9",{"children":"x-ai"}]]}],"\n",["$","p","p-1",{"children":[["$","strong","strong-0",{"children":"Developer Tools"}]," — ",["$","code","code-0",{"children":"cursor"}]," · ",["$","code","code-1",{"children":"vercel"}]," · ",["$","code","code-2",{"children":"linear-app"}]," · ",["$","code","code-3",{"children":"framer"}]," · ",["$","code","code-4",{"children":"expo"}]," · ",["$","code","code-5",{"children":"clickhouse"}]," · ",["$","code","code-6",{"children":"mongodb"}]," · ",["$","code","code-7",{"children":"supabase"}]," · ",["$","code","code-8",{"children":"hashicorp"}]," · ",["$","code","code-9",{"children":"posthog"}]," · ",["$","code","code-10",{"children":"sentry"}]," · ",["$","code","code-11",{"children":"warp"}]," · ",["$","code","code-12",{"children":"webflow"}]," · ",["$","code","code-13",{"children":"sanity"}]," · ",["$","code","code-14",{"children":"mintlify"}]," · ",["$","code","code-15",{"children":"lovable"}]," · ",["$","code","code-16",{"children":"composio"}]," · ",["$","code","code-17",{"children":"opencode-ai"}]," · ",["$","code","code-18",{"children":"voltagent"}]]}],"\n",["$","p","p-2",{"children":[["$","strong","strong-0",{"children":"Productivity"}]," — ",["$","code","code-0",{"children":"notion"}]," · ",["$","code","code-1",{"children":"figma"}]," · ",["$","code","code-2",{"children":"miro"}]," · ",["$","code","code-3",{"children":"airtable"}]," · ",["$","code","code-4",{"children":"superhuman"}]," · ",["$","code","code-5",{"children":"intercom"}]," · ",["$","code","code-6",{"children":"zapier"}]," · ",["$","code","code-7",{"children":"cal"}]," · ",["$","code","code-8",{"children":"clay"}]," · ",["$","code","code-9",{"children":"raycast"}]]}],"\n",["$","p","p-3",{"children":[["$","strong","strong-0",{"children":"Fintech"}]," — ",["$","code","code-0",{"children":"stripe"}]," · ",["$","code","code-1",{"children":"coinbase"}]," · ",["$","code","code-2",{"children":"binance"}]," · ",["$","code","code-3",{"children":"kraken"}]," · ",["$","code","code-4",{"children":"mastercard"}]," · ",["$","code","code-5",{"children":"revolut"}]," · ",["$","code","code-6",{"children":"wise"}]]}],"\n",["$","p","p-4",{"children":[["$","strong","strong-0",{"children":"E-commerce"}]," — ",["$","code","code-0",{"children":"shopify"}]," · ",["$","code","code-1",{"children":"airbnb"}]," · ",["$","code","code-2",{"children":"uber"}]," · ",["$","code","code-3",{"children":"nike"}]," · ",["$","code","code-4",{"children":"starbucks"}]," · ",["$","code","code-5",{"children":"pinterest"}]]}],"\n",["$","p","p-5",{"children":[["$","strong","strong-0",{"children":"Media"}]," — ",["$","code","code-0",{"children":"spotify"}]," · ",["$","code","code-1",{"children":"playstation"}]," · ",["$","code","code-2",{"children":"wired"}]," · ",["$","code","code-3",{"children":"theverge"}]," · ",["$","code","code-4",{"children":"meta"}]]}],"\n",["$","p","p-6",{"children":[["$","strong","strong-0",{"children":"Automotive"}]," — ",["$","code","code-0",{"children":"tesla"}]," · ",["$","code","code-1",{"children":"bmw"}]," · ",["$","code","code-2",{"children":"ferrari"}]," · ",["$","code","code-3",{"children":"lamborghini"}]," · ",["$","code","code-4",{"children":"bugatti"}]," · ",["$","code","code-5",{"children":"renault"}]]}],"\n",["$","p","p-7",{"children":[["$","strong","strong-0",{"children":"Other"}]," — ",["$","code","code-0",{"children":"apple"}]," · ",["$","code","code-1",{"children":"ibm"}]," · ",["$","code","code-2",{"children":"nvidia"}]," · ",["$","code","code-3",{"children":"vodafone"}]," · ",["$","code","code-4",{"children":"resend"}]," · ",["$","code","code-5",{"children":"spacex"}]]}],"\n",["$","p","p-8",{"children":[["$","strong","strong-0",{"children":"Starters"}]," — ",["$","code","code-0",{"children":"default"}]," (Neutral Modern) · ",["$","code","code-1",{"children":"warm-editorial"}]]}],"\n"]}] 78:["$","p","p-44",{"children":["Re-import the library via ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/scripts/sync-design-systems.ts","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"scripts/sync-design-systems.ts"}]}],". Add your own brand → drop a ",["$","code","code-0",{"children":"DESIGN.md"}]," into ",["$","code","code-1",{"children":"design-systems//"}],". Full guide → ",["$","a","a-1",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/design-systems/README.md","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"design-systems/README.md"}]}],"."]}] 79:["$","hr","hr-9",{}] 7a:["$","h2","h2-9",{"children":"Plugins"}] 7b:["$","p","p-45",{"children":[["$","strong","strong-0",{"children":"277 official plugins plus 183 remixable reference examples"}]," live in ",["$","a","a-0",{"href":"https://github.com/nexu-io/open-design/blob/HEAD/plugins/_official/","rel":"noreferrer","target":"_blank","children":["$","code","code-0",{"children":"plugins/_official/"}]}],". Each entry is a portable plugin directory anchored by ",["$","code","code-0",{"children":"open-design.json"}]," plus the payload required by its type: for example ",["$","code","code-1",{"children":"SKILL.md"}]," for agent workflows, ",["$","code","code-2",{"children":"template.json"}]," for media templates, or ",["$","code","code-3",{"children":"DESIGN.md"}]," for design-system entries. Jump straight to a category:"]}]

nexu-io/@open-design/dsh-runtime

GanyuanRan/Aegis

superdesigndev/superdesign-skill

Ikalus1988/MisakaNet

zhaoolee/notes