1. 什么是Open Design？

2026 年 4 月，Anthropic 推出的 Claude Design 展示了大型模型从“写文本”转向“产出设计产物”的巨大潜力，迅速引发了关注。然而，它始终是闭源、付费、且被锁定在 Anthropic 专属生态中的云服务。

Open Design (OD) 正是为此而生的开源替代品。它遵循相同的“产物优先”理念，但没有任何供应商锁定。OD 的核心洞察在于：最强大的编码代理早已运行在你的笔记本电脑上（例如 Claude Code, Cursor CLI, Gemini CLI 等）。Open Design 不重复造轮子，而是构建一个技能驱动的工作流，将这些本地代理无缝地编排到一个专业的设计流程中。

它的核心承诺是 BYOK (Bring Your Own Key) 和 本地优先，你可以将 Web 层部署到 Vercel，而关键的代理运行时则完全掌握在自己手中。

2. 核心功能：不仅仅是另一个 AI 生成器

Open Design 的功能设计极具匠心，解决了当前 AI 生成设计的诸多痛点。

2.1 你的代理，你的引擎

OD 启动时会自动扫描你的 PATH 环境变量，检测多达 11 种编码代理 CLI（包括 Claude Code, Codex, Cursor Agent, Gemini CLI, Qwen Code 等）。你可以在界面中一键切换想要使用的“设计引擎”。如果你没有任何 CLI，OD 也提供了一个 OpenAI 兼容的代理，你可以填入任何提供商的 API Key（如 DeepSeek, Groq 等），并通过 /api/proxy/stream 端点使用。

2.2 技能与设计系统：可组合的乐高积木

• 31 个内置技能 (Skills)：每个技能都是一个遵循 Claude Code SKILL.md 规范的文件夹，代表了特定的输出场景。它们被分为 prototype（原型）和 deck（演示文稿）两大模式，覆盖设计、营销、运营、工程等 9 大场景。例如，web-prototype 技能用于生成营销落地页，guiang-ppt 技能则用于制作杂志风格的网页 PPT。
• 72 个品牌级设计系统：OD 直接内置了来自 awesome-design-md 和 awesome-design-skills 项目的设计系统，包括 Linear, Stripe, Vercel, Airbnb, Notion, Apple 等知名品牌的设计规范。你可以随时切换，让生成的产物瞬间获得目标品牌的视觉 DNA。

2.3 反“AI 味”的设计哲学

OD 通过一系列硬性规则，确保输出摆脱“一眼 AI”的感觉：

• 提问表单优先：在模型动笔前，必须先通过一个交互式表单锁定需求（受众、语气、品牌上下文等），避免 AI 自由发挥。
• 五维自我批判：在产出最终产物前，代理会根据哲学、层次、细节、功能和创新五个维度给自己评分，低于 3 分则需重试。
• 方向选择器：当用户没有品牌方向时，代理会提供 5 个经过策展的视觉方向（如编辑风、现代极简、科技风等），每个方向都附带确定性的 OKLch 色板与字体栈，彻底杜绝模型“编造”配色。

3. 快速启动：5 分钟开启本地设计

确保你的环境满足要求：Node.js ~24 和 pnpm 10.33.x。以下步骤基于 README 最新内容。

# 1. 克隆仓库
git clone https://github.com/nexu-io/open-design.git
cd open-design

# 2. 启用 corepack 并安装依赖
corepack enable
pnpm install

# 3. 启动开发环境（这会同时启动 daemon 和 web 服务）
pnpm tools-dev run web

# 执行后，终端会打印出可访问的 Web URL，通常是 http://localhost:3000 或类似地址。

首次加载流程：

1. 打开 Web URL，OD 会自动检测你电脑上的编码代理 CLI，并选择一个作为默认引擎。
2. 系统会加载 31 个技能和 72 个设计系统。
3. 如果未检测到任何 CLI，会弹出欢迎对话框，让你配置 OpenAI 兼容的代理（填写 Base URL, API Key, Model）。
4. 根目录下会自动创建 ./.od/ 文件夹，这是 OD 的本地运行时目录，包含 SQLite 数据库和项目的所有产物。

在聊天框输入类似“为我的种子轮融资制作一个杂志风格的 pitch deck”的提示，然后观察 OD 的工作流：先弹出发现表单，你填写信息后，代理会选择视觉方向，规划待办事项，最后在一个沙箱化的 iframe 中渲染出产物。

4. 发挥 Open Design 的完整潜力

4.1 选择技能与设计系统

• 技能选择器：在界面的主导航中，你可以看到按场景（设计、营销、工程等）分组的技能列表。例如，要制作一个移动应用原型，选择 mobile-app 或 gamified-app 技能。
• 设计系统切换：在生成过程中或新对话开始时，你可以从下拉列表中选择一个设计系统，如 cursor 或 linear-app。下次生成时，颜色、字体和间距将遵循该系统的规范。

4.2 理解并善用工作流

• 拥抱提问表单：不要跳过或敷衍回复初始的发现表单。它问及的“表面（网页/移动端/幻灯片）”、“受众”、“语调”和“品牌上下文”是产出高质量结果的关键锚点。
• 实时待办清单：生成过程会流式展示一个“待办清单”，显示代理的当前计划和进度。你可以随时指示代理调整方向，实现“低成本重定向”。
• 沙箱化预览与导出：所有产物都在 iframe 中安全预览。你可以直接编辑左侧工作区中的文件，或通过导出按钮将产物下载为 HTML, PDF, PPTX, ZIP 或 Markdown 格式。

4.3 高级特性

• 导入 Claude Design 导出包：如果你之前使用过 Anthropic 的 Claude Design，可以直接将它的导出 ZIP 包拖拽到 OD 的欢迎对话框。OD 会解析它，并将其作为一个新项目打开，让你本地的代理继续编辑，无缝衔接。
• 保存为个人模板：当你对一个生成结果非常满意时，可以通过 POST /api/templates 将其保存到 SQLite 的 templates 表中。未来的项目可以直接从“你的模板”中选择这个设计。
• Windows 友好：OD 的代理适配器考虑了 Windows 环境下 CreateProcess 命令行长度限制的问题，对长提示词会自动采用 stdin 或临时文件的方式传递，确保了跨平台的稳定性。

Open Design 不仅仅是一个工具，它更像是一种宣言：AI 辅助设计的未来应该是开放、本地、可组合且属于你自己的。如果你厌倦了黑盒的、充满“AI 味”的在线生成器，不妨从 GitHub 上获取它，体验一下掌控自己设计引擎的自由。