nexu-io/open-design
⭐ 35,763 · TypeScript · GitHub 仓库
本地优先、开源的Anthropic Claude Design替代方案。⚡ 19项技能 · ✨ 71个品牌级设计系统 🖼 生成Web、桌面、移动端原型、幻灯片、图像、视频及超帧 📦 沙盒预览 · HTML/PDF/PPTX/MP4导出 🤖 支持在Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI上运行。
agent-skills ai-agents ai-design byok claude claude-code-for-design claude-design coding-agents
一句话总结
一款开源、本地优先的设计引擎，可编排你现有的AI编程智能体，从而替代Claude Design。
🔥 核心能力与独特卖点
- 多智能体编排引擎：自动检测你机器上已有的16种编程智能体CLI（Claude Code、Codex、Gemini CLI、Cursor Agent等），并将它们用作设计引擎。痛点解决：无供应商锁定，无云端依赖——你现有的工具即成为强大的设计系统。
- 31项可组合技能 + 72+个品牌级设计系统：预置了用于原型、演示文稿、媒体和运营产物的技能，以及来自Linear、Stripe、Vercel、Apple等公司手工编写的设计系统。痛点解决：消除了“空白画布”问题，无需重复造轮子即可确保品牌一致性。
- 本地优先 + BYOK架构：完全可自托管，并可选择部署到Vercel；在每一层（智能体CLI、媒体API）均可使用自有密钥。痛点解决：除非你选择，否则数据不会离开你的机器，同时避免了封闭工具按席位计费的问题。
- 沙盒预览与多格式导出：在沙盒化的iframe中渲染，并可导出为HTML、PDF、PPTX、MP4、ZIP和Markdown格式。痛点解决：一个工具即可为任何利益相关者——开发者、设计师、高管或客户——产出交付物。
- 超帧与媒体生成：可生成电影级视频（Seedance 2.0）、图像（gpt-image-2）以及HTML→MP4动态图形，并附带93个可直接复用的提示词。痛点解决：无需离开设计环境，即可将静态原型转化为丰富的媒体资产。
独特卖点：与Claude Design（封闭、付费、仅限云端）不同，Open Design是开源、本地优先，并且可与16种不同的智能体CLI协同工作——将你现有的人工智能工具转变为协作式设计引擎。
技术架构
| 组件 | 技术/方法 |
|---|---|
| Web层 | Next.js (TypeScript) |
| 本地守护进程 | 特权进程，用于PATH扫描智能体检测与编排 |
| 预览引擎 | 沙盒化iframe，内置React 18 + Babel |
| 流式传输 | 基于SSE的流式传输，通过BYOK代理实现 |
| 提示词栈 | 5步品牌资产协议、反AI垃圾清单、5D自我批判、方向选择器（5大学派 × 20种理念） |
| 部署 | 本地（pnpm tools-dev）或可选Vercel部署 |
| 设计系统 | 72+个确定性OKLch调色板 + 字体栈（手工编写） |
快速入门指南
# 克隆仓库
git clone https://github.com/nexu-io/open-design.git
# 安装依赖并运行本地开发环境
pnpm tools-dev备选方案：直接从 https://open-design.ai/ 下载桌面应用，或按照 QUICKSTART.md 中的3条命令快速启动。
优势、劣势与使用场景
优势
- 完全开源（Apache 2.0） 且可自托管——零供应商锁定
- 可与16种现有智能体CLI协同工作——无需学习新工具，只需编排
- 开箱即用：丰富的可组合技能库（31项技能）和72+个设计系统
- 多格式导出（HTML、PDF、PPTX、MP4、ZIP、Markdown）覆盖所有交付物
- 本地优先，可选云端部署——你掌控数据驻留权
劣势
- 需要在PATH中安装编程智能体CLI——它不是独立工具，而是编排其他工具
- 性能取决于所选智能体——不同CLI（Claude Code vs. Copilot vs. Gemini）能力各异
- 媒体生成需要第三方API密钥（gpt-image-2、Seedance、HyperFrames）
- 不是可视化拖拽编辑器——它是一个提示词驱动、智能体编排的设计工具
谁不应该使用此工具？
- 没有现有编程智能体CLI的团队——如果你不使用Claude Code、Codex、Gemini CLI或类似工具，此工具将无法运行。
- 希望使用传统可视化设计工具的用户（如Figma或Sketch）——它是提示词驱动和智能体编排的，而非像素级精确的画布。
- 有严格禁止外部API策略的组织——媒体生成功能需要第三方API密钥。
- 非技术型设计师——需要熟悉终端命令和CLI工具。
理想使用场景
- AI辅助原型设计团队：已在使用编程智能体（Claude Code、Codex），希望生成具有品牌一致性的Web、移动和桌面原型。
- 设计系统维护者：需要跨72+个品牌级系统快速生成产物（幻灯片、发票、看板、OKR）。
- 氛围编码爱好者：使用Cursor、Copilot或Hermes构建，希望在不离开智能体工作流的情况下获得设计层。
- 注重隐私的组织：需要本地优先的设计生成，无云端依赖。
- 内容团队：通过单一的提示词驱动管道生成媒体丰富的演示文稿、视频和图像。
社区与活跃度
拥有 35,763颗星 且 于2026年5月更新，Open Design显然在AI智能体生态系统中引起了强烈共鸣。这并非一个沉寂的项目——它正在被积极维护并迅速被采用。本地优先的理念、BYOK的灵活性以及16种智能体兼容性的结合，强烈吸引了那些希望逃离Claude Design围墙花园的开发者与设计师。这种势头表明，一个由贡献者和用户组成的蓬勃社区正在不断突破智能体编排设计的边界。