开源重磅!Open Design:Claude Design 的本地开源替代品来了

2026 年 4 月 28 日,nexu-io 团队正式将 Open Design 开源,这可能是目前对 Anthropic Claude Design 还原度最高、最全面的开源实现。

项目作者 tuturetom 在 X 上宣布:“正式开源 open claude design,超 95% 以上的还原度!”整个项目仅用 72 小时开发完成,代码量超过 18700 行。

什么是 Open Design?

Open Design 是一个本地优先(Local-first) 的开源项目,它的目标是把你电脑上已有的任意 Code Agent(Claude Code、Cursor、Codex、Gemini CLI、OpenClaw、Qwen 等)直接变成一个强大且有纪律的设计引擎。

\

它不是简单地打包 Prompt,而是完整复刻了 Claude Design 的核心体验,包括:

  • 结构化的交互式提问流程
  • 品牌级设计系统约束
  • 实时 Todo 流 + 自省批判机制
  • 沙盒预览 + 一键导出

核心亮点

  1. 19 个可组合 Skills
    支持网页原型、移动 App、Dashboard、Pitch Deck(PPT)、Magazine Web 等多种场景。Skills 以 Markdown 文件形式存放,极易扩展。
  2. 71 套顶级品牌设计系统
    内置 Linear、Stripe、Airbnb、Vercel、Apple 等一线品牌的设计 Token(颜色、排版、间距、动效规范),可以一键调用顶级设计语言。
  3. 完全本地优先 + Daemon 架构
    通过本地守护进程(Daemon)识别你已安装的各种 Code Agent CLI,直接在真实项目文件夹中读写文件,支持 Bash 操作,完全 BYOK(Bring Your Own Key),无需云端依赖。
  4. 强力的“防 AI Slop”机制
    内置 5 维度自批判、P0/P1 检查清单、品牌规范提取等流程,确保输出的不是“AI 味”模板,而是可直接用于生产的高质量原型。
  5. 丰富的输出能力
    支持 HTML、PDF、PPTX、ZIP 打包导出,还可以生成移动端、Slides 等多种形态。
  6. 极致易用
    提供交互式表单引导用户补充表面(Surface)、受众(Audience)、语气(Tone)等信息,让 Agent 能产出更精准、更符合预期的结果。

实际效果如何?

从演示视频来看,Open Design 生成的页面质感极高——排版、色彩、层次、细节都非常精致,完全达到了“可以直接拿来用”的水准。尤其是结合品牌设计系统后,输出的作品一眼就能看出专业感。

如何快速上手?

git clone https://github.com/nexu-io/open-design.git cd open-design pnpm install pnpm dev:all

启动后访问 http://localhost:5173 即可使用。项目会自动在 .od/ 目录下创建本地数据库和项目文件。

目前支持 Windows、macOS,后续还会持续优化。

为什么这个项目值得关注?

它把“设计”这个过去高度依赖设计师或昂贵工具的环节,真正变成了可编程、可复用、可本地化的能力。

完全开源(Apache 2.0),社区可以持续迭代 Skills 和设计系统。

写在最后

Open Design 的出现,意味着即使你不是专业设计师,也能用本地 Agent 快速产出高质量的网页、移动端原型和演示文档。对于独立开发者、产品经理、AI 爱好者、内容创作者来说,这都是一个极具生产力的新工具。

强烈建议大家先 Star 再玩,项目还在快速迭代中,欢迎 PR 贡献新的 Skill 或设计系统。

项目链接