🎨 Open Design:42k Stars 的开源 Claude Design 替代品,本地运行不锁厂商 / Open Design: 42k Stars Open-Source Claude Design Alternative, Fully Local & Vendor-Free
一句话:Anthropic Claude Design 的开源平替,支持 16 种 Coding Agent + BYOK,本地运行,不绑定任何厂商。 / Open-source alternative to Claude Design — 16 agent CLIs + BYOK, local-first, zero vendor lock-in.
老实说,Claude Design 发布那天我试了半小时就想骂娘——东西是真的好,但付费、云上、只绑 Anthropic,你连换个大模型都不行。
Open Design 就是来砸这个场子的。42k Stars,两周冲到这个数,社区已经炸了。它的思路很简单:不自己搞 Agent,让你本地的 Coding Agent 直接当设计引擎。 Claude Code、Codex、Gemini CLI、OpenCode、Hermes、Copilot……一共 16 种 CLI,自动检测,一键切换。甚至你不想装 CLI,BYOK 代理模式直接跑。
一、三行命令起飞
git clone https://github.com/nexu-io/open-design.git
cd open-design && pnpm install
pnpm tools-dev
启动后浏览器打开 http://localhost:3000,选一个 Skill(31 个内置),选一个 Design System(129 套品牌设计规范),输入你的需求,Agent 就开始干活了。
最骚的操作是:它不会让 AI 直接瞎画。第一轮会弹出一个交互式表单(question form),问清楚受众、调性、品牌上下文、输出类型——30 秒填完,后面基本不用改了。
二、内置 31 个 Skill + 129 套 Design System
这玩意儿不是玩具。它内置的东西够你从产品原型做到营销落地:
- Prototype 模式:Web 页面、SaaS Landing、Dashboard、Mobile App、社交轮播图、杂志海报、动态动画……
- Deck 模式:杂志级 PPT(Guizang PPT)、简单 Deck、产品演示 Deck
- 办公场景:PM Spec 文档、OKR 看板、会议记录、Incident Runbook、财务报告、发票……
Design System 直接对标大厂:Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Cursor、小红书……全是完整的 DESIGN.md,包含色板、字体、间距、组件规范。
# 看一眼 Linear 的设计规范
cat skills/design-systems/linear/DESIGN.md
三、生成的成品可直接用
Agent 生成的不是"手稿",是生产级 HTML 文件。沙盒 iframe 预览,可以直接下载 HTML / PDF / PPTX / ZIP。甚至支持从 Claude Design 导出的 ZIP 导入——Anthropic 那边做一半,换到 Open Design 接着改。
支持图片和视频生成:gpt-image-2 做海报/头像,Seedance 做短视频,HyperFrames 做 HTML→MP4 动效。
四、核心亮点
- 16 种 Coding Agent:Claude Code、Codex、Gemini CLI、OpenCode、Qwen、Hermes、Copilot……你的 PATH 上有啥就用啥
- BYOK 代理:不装 CLI 也行,配 API Key + baseUrl,OpenAI / Azure / Gemini 随便换
- 本地运行:数据存本地 SQLite,不经过第三方服务器
- Prompt Stack 全可见:system prompt 和 discovery 逻辑全是文件,直接改
apps/daemon/src/prompts/ - 导入 Claude Design ZIP:无缝迁移
五、踩坑提醒
别问我怎么知道的——
pnpm tools-dev启动后需要等几秒让 daemon 扫描 PATH 上的 CLI,如果没扫到你的 Agent,检查环境变量或者直接用 BYOK 代理模式。
Windows 用户注意路径长度限制(ENAMETOOLONG),OD 有 stdin 回退方案,但最好把项目放短路径下。
总结
- Open Design = Claude Design 的开源平替,42k Stars,Apache-2.0
- 三行命令本地启动,16 种 Agent 自动识别
- 31 个 Skill + 129 套 Design System 开箱即用
- BYOK 模式不绑定任何厂商
- 生成的 HTML 可以直接上线,支持导入 Claude Design 项目