🎨 Open Design:36k⭐ 的 Claude Design 开源替代,本地优先 + BYOK,16 种 Coding Agent 插上就变设计师
这东西解决了什么问题
2026-04-17 Anthropic 发了 Claude Design——Opus 4.7 加持,用 artifact 直接出设计稿,效果确实炸。但问题是:闭源、付费、云上、锁 Anthropic 全家桶。你不能换模型、不能自部署、不能加自己的设计系统。
Open Design (OD) 就是干这个的。36k+ Stars,发布两周。同样的 artifact-first 思路,但它是开源的、本地跑的、BYOK(自备 Key)——你电脑上任何一个 Coding Agent(Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen Code、Hermes…一共 16 个 CLI)都能当它的设计引擎。
OD 不自己绑一个 Agent——你 PATH 上有啥它就自动检测啥。你连 Agent 都没有?它还有个 OpenAI 兼容的 BYOK 代理兜底。
装一个看看
最快的上手方式是用 Docker:
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d
# 打开 http://localhost:7456
想从源码跑也简单:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
pnpm install
pnpm tools-dev run web
首次打开会自动检测你 PATH 上的 Agent CLI,加载 31 个 Skills 和 72 个设计系统(Linear、Stripe、Vercel、Notion、Apple、小红书…),然后弹一个欢迎框让你粘贴 API Key(只用 BYOK 兜底时才需要)。
用起来什么样
你在输入框里敲「给我做一个种子轮 pitch deck」。OD 不会直接把 prompt 扔给模型——它会:
2. 让你从 5 个视觉方向里选一个(Editorial Monocle / Modern Minimal / Warm Soft / Tech Utility / Brutalist Experimental),每个方向都有确定的 OKLch 色板 + 字体栈
3. Agent 在后台开始干活,Todo 列表实时流到 UI 上
4. 最终产出渲染在一个沙箱 iframe 里,可以下载成 HTML / PDF / PPTX / ZIP
所有项目都存在 .od/app.sqlite 里,重启不丢进度。
跟 Claude Design 比
| | Claude Design | Open Design |
|---|---|---|
| 开源自部署 | ❌ | ✅ Apache-2.0 |
| 自带 Agent | ✅ 内置 | ❌ 用你 PATH 上的 CLI |
| 支持 Agent 数 | 1(Anthropic) | 16 CLI + BYOK 代理 |
| 设计系统数 | 有限 | 72(含各大厂品牌系统) |
| Skills 数 | 官方限定 | 31(场景覆盖设计/市场/运营/工程/产品/财务/HR/销售) |
| 本地运行 | ❌ 云端 | ✅ 本地 daemon |
| 换模型 | ❌ 只能 Opus | ✅ 随便换 |
| 媒体生成 | ❌ | ✅ gpt-image-2 + Seedance + HyperFrames |
一句话总结
Claude Design 证明了「AI 不写代码,改出设计稿」这件事行得通。Open Design 证明了这件事不用被锁在任何一个供应商的围墙里。
🎨 Open Design: 36k⭐ Claude Design Alternative — Local-First, BYOK, 16 Coding Agent CLIs as Your Design Engine
What problem does it solve
On 2026-04-17, Anthropic launched Claude Design — Opus 4.7 with artifact-first design output. It went viral. But it's closed-source, paid-only, cloud-only, locked to Anthropic's model and skills. You can't swap the model, self-host, or bring your own design system.
Open Design (OD) is the answer. 36k+ stars in two weeks. Same artifact-first paradigm, but open-source, local-first, BYOK at every layer — any of 16 coding-agent CLIs on your PATH (Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen Code, Hermes, DeepSeek TUI…) becomes the design engine.
Quickstart
Docker (easiest):
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d
# open http://localhost:7456
From source:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
pnpm install
pnpm tools-dev run web
First load auto-detects your agent CLIs, loads 31 skills + 72 design systems (Linear, Stripe, Vercel, Notion, Apple, Xiaohongshu…), and pops a welcome dialog for BYOK setup.
How it works
Type "make me a pitch deck for our seed round". OD doesn't throw raw prompts at the model — it:
2. Lets you pick from 5 curated visual directions, each with a deterministic OKLch palette + font stack
3. Agent streams a live Todo plan into the UI
4. Final artifact renders in a sandboxed iframe — downloadable as HTML / PDF / PPTX / ZIP
All projects persist in .od/app.sqlite. Close and reopen tomorrow — everything's right where you left it.