nexu-io/open-design
⭐ 35,763 · TypeScript · GitHub 仓库
🎨 本地优先、开源的 Anthropic Claude Design 替代方案。⚡ 19 项技能 · ✨ 71 套品牌级设计系统 🖼 生成网页、桌面端、移动端原型、幻灯片、图片、视频及 HyperFrames 📦 沙盒预览 · 支持 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
一句话总结
一款开源、本地优先的 Claude Design 替代方案，可直接运行于你现有的 AI 编码 Agent 之上，彻底摆脱供应商锁定。
🔥 核心能力与独特卖点
- 16 个自动检测的编码 Agent：自动发现并集成 Claude Code、Codex、Cursor、Gemini CLI 以及 PATH 上的其他 12 个 Agent。痛点解决：无需再配置各种独立工具，也不会被单一 AI 供应商锁定——一键即可切换 Agent。
- 31 种可组合的设计技能与 129 套设计系统：使用品牌级设计系统（Linear、Stripe、Vercel、Apple 等）生成 Web、移动端、仪表盘和幻灯片原型。痛点解决：彻底告别"空白画布"困境，无需手动主题化即可确保生产级 UI 一致性。
- 多格式媒体与导出：生成图片（gpt-image-2）、视频（Seedance 2.0）和动态图形（HyperFrames HTML→MP4），并导出为 HTML、PDF、PPTX、MP4、ZIP 或 Markdown。痛点解决：一个工具即可替代从原型到交付物的整个流程。
- BYOK 代理回退：当没有 CLI Agent 可用时，兼容 OpenAI 的代理可将 Anthropic、OpenAI、Azure 或 Google Gemini 的 SSE 流标准化。痛点解决：零云依赖——自带密钥，一切在本地或自有基础设施上运行。
- 沙箱预览与实时 Agent 面板：在沙箱化 iframe（供应商版 React 18 + Babel）中渲染产物，实时查看 Agent 待办事项、工具调用，并支持可中断生成。痛点解决：无需离开工具即可调试和迭代设计，清晰掌握 Agent 的每一步操作。
技术架构
| 组件 | 技术/方案 |
|---|---|
| 架构 | Web 应用 + 本地守护进程（双进程） |
| 守护进程 | 特权进程，执行 PATH 扫描 Agent 检测，委托给现有 CLI Agent |
| Web 层 | Next.js，可部署至 Vercel 或自托管 |
| 预览引擎 | 沙箱化 iframe，集成供应商版 React 18 + Babel 实现实时渲染 |
| Agent 集成 | 16 个自动检测的编码 Agent CLI；BYOK 代理回退支持 OpenAI 兼容 API |
| 流式处理 | 流式产物循环，配合实时 Agent 面板（待办事项、工具调用、可中断） |
| 提示系统 | 高级设计师工作流，配备确定性调色板库和检查清单文化 |
| 导出管道 | HTML、PDF、PPTX、MP4、ZIP、Markdown |
| 基础框架 | 基于 huashu-design、guizang-ppt-skill、open-codesign、multica 构建 |
快速入门指南
# 克隆仓库
git clone https://github.com/nexu-io/open-design.git
cd open-design
# 安装依赖
pnpm install
# 运行本地守护进程（同时启动守护进程和 Web 界面）
pnpm tools-dev前置条件：确保至少有一个受支持的编码 Agent CLI（如 Claude Code、Codex、Cursor）已安装并在系统 PATH 中可用。如需完整功能，请全局安装 pnpm（npm install -g pnpm）。
优势、局限与用例
优势
- 完全开源（Apache 2.0），无供应商锁定——你完全掌控自己的工作流
- 本地优先架构，消除云依赖和数据隐私担忧
- 海量 Agent 兼容性（16 个 Agent），你可以使用任何你偏好的 AI
- 每一层都支持 BYOK——自带 API 密钥、模型和基础设施
- 生产级导出（HTML、PDF、PPTX、MP4），弥合原型与交付物之间的鸿沟
- 多语言 README，降低国际团队的准入门槛
局限
- 需要 CLI Agent 在 PATH 中才能发挥完整功能——并非独立的设计工具
- BYOK 代理回退能力明确低于原生 CLI Agent 集成
- 依赖外部 Agent CLI，这些 CLI 自带成本、限制和更新周期
- 对不熟悉 CLI 工具和包管理器的非开发者设计师学习曲线较陡
不适合谁使用？
- 纯无代码设计师：期望完全可视化、拖拽式界面，不愿接触任何终端操作
- 没有 AI Agent 订阅的团队：工具免费，但底层 Agent（Claude、Codex 等）需要付费访问
- 实行"禁止本地 CLI 工具"严格策略的组织：在受管控的 IT 环境中无法使用
- 追求成品级消费产品的用户：这是一个需要配置和设置的开发者工具
理想用例
- 设计工程团队：希望将 AI 原型设计集成到现有 Agent 工作流中
- 初创公司和独立开发者：需要快速、多格式原型设计，无需 Figma 或 Adobe 订阅
- "氛围编码"爱好者：通过自然语言迭代，希望设计输出与代码齐头并进
- 注重隐私的团队：必须将所有设计数据和 AI 交互保留在本地机器上
- 代理机构团队：从单一提示出发，为客户生成跨多种格式（Web、幻灯片、视频、PDF）的交付物
社区与活跃度
凭借 35,763 颗星标和活跃的开发状态（最后更新于 2026 年 5 月），Open Design 显然在 AI Agent 生态系统中引起了强烈共鸣。该项目的快速采用表明了强大的社区认可——这不是一个小众实验，而是一个解决真实、广泛痛点的工具。本地优先的理念、广泛的 Agent 支持以及专业级的输出格式，深深打动了开发者和设计师。鉴于其发展势头和 Apache 2.0 许可，预计功能和社区贡献将持续增长。