Open Design

对比

三个项目。
一脉相承的开源血脉。

Anthropic Claude Design 作为闭源云产品先出圈。OpenCoworkAI Open CoDesign 上线了第一个开源桌面替代。Open Design 是第三种 —— Web 应用 + 本地 daemon、文件式 Skill、BYOK 接你已有的 coding-agent CLI。同一条 loop,不同的形态。

TL;DR —— 挑适合你的那个

三个项目,各有各的甜点位。

嫌表格长可以跳过 —— 30 秒决定就在下面。

云端原住民

Anthropic Claude Design

如果你想要零配置的云产品、本来就在付 Pro / Max / Team、也不介意被锁在 Anthropic 的模型、Skill、更新节奏里 —— 选 Claude Design。最适合从不想碰基础设施的个人创作者。

开源桌面同行

OpenCoworkAI Open CoDesign

如果你想要一个真正的桌面 Electron 应用(macOS / Windows)、内置 pi-ai 开箱即用、并且要尽可能轻地脱离浏览器 —— 选 Open CoDesign。Anthropic 那条路最接近的开源对标。

本项目

nexu-io Open Design

如果你已经在用 Claude Code / Codex / Cursor / Gemini / OpenCode、想要一个能自己部署到 Vercel 的 Web 应用、要能 BYOK 接任何 OpenAI 兼容端点、还要可以在 GitHub 上 fork 文件式的 Skill 和 DESIGN.md —— 选 Open Design。

对比

Open Design 跟同类项目放一起。

闭源云产品、开源桌面同行、开源 Web 应用。我们大量借鉴 open-codesign,在 /about 里署名 —— 形态不同、prompt 栈不同,但目标是同一颗北极星。

Claude Design Open CoDesign Open Design
协议与价格
协议 闭源 MIT Apache-2.0
最低付费 Pro / Max / Team BYOK BYOK —— 粘任何 OpenAI 兼容 URL
形态
形态 Web(claude.ai) 桌面(Electron) Web 应用 + 本地 daemon
Vercel 可部署 可以
AI 运行时与流程
Agent 运行时 捆绑(Opus 4.7) 捆绑(pi-ai) 你已有的 CLI
模型可换性 只能 Anthropic 通过 pi-ai 7+ 家 16 款 CLI + BYOK 代理
问题表单(第 1 回合) 硬规则
5 套视觉方向
五维自评审 出图前的硬门
Skill、设计系统与迁移
Skill 私有 12 个 TS 模块 110 个可拖入的 SKILL.md
设计系统 私有 DESIGN.md(v0.2) 141 套已发
Claude Design ZIP 导入 n/a 可以 —— 接着 Anthropic 停下的地方继续改

Claude Design 是 Anthropic 的商标。Open Design 与 Anthropic 无关联,也未获其背书。

已经在为 Claude Design 付费?

一个 ZIP 就能把项目搬过来。

在 Claude Design 里导出项目 ZIP,拖进 Open Design 的欢迎弹窗 —— 接着停下的地方继续改,artifact 不变,文件系统是你的、CLI 是你的、Key 是你的。Apache-2.0,迁移不收税。

对比 FAQ

切换之前大家都会问的几件事。

Claude Design 导出的 ZIP 能直接用吗?

+

能。把 ZIP 扔进欢迎弹窗,POST /api/import/claude-design 把它解到 .od/projects/<id>/ 下。Artifact、prompt 历史、Skill 选择都带过去。完整对应关系看 /import-from-claude-design。

我能不能不用 Anthropic 的 Key,改用现有的 OpenAI / Azure / Google Key?

+

可以,这正是 BYOK 的设计。16 款 coding-agent CLI 从 PATH 自动探测(Claude Code、Codex、Cursor、Gemini、OpenCode,再加十一款)。一个都没装也行,粘任何 OpenAI 兼容的 baseUrl + apiKey 就够了。

为什么是 Web 应用 + 本地 daemon,而不是像 Open CoDesign 一样的桌面 Electron?

+

三个理由:(1)能部署到 Vercel,跟团队共享不用打包 Electron 二进制;(2)daemon 直接管 .od/ 里的文件系统,项目就是真实文件夹,可以 git;(3)在浏览器里跑的也能 headless 跑,这让 artifact loop 可以当 CI 步骤用。

Open Design 跟 Anthropic 有关系吗?

+

没有。Open Design 是独立的 Apache-2.0 开源项目。Claude Design 和 Claude 是 Anthropic, PBC 的商标,我们仅以名义性引用做对比和互通。

我只是想先看看,不想立刻切?

+

去 /skills 和 /design-systems —— 这两页本身就是捆绑 artifact 的实时预览。或者直接跳 /showcase,看真实 prompt → 真实 artifact 的端到端例子。

致谢一笔

我们没号称这条 loop 是自己发明的。

Anthropic 演示了 artifact-first 的设计工具长什么样。OpenCoworkAI 证明了它可以开源。Huashu Design 给出了避免 AI 流水产物的 prompt 栈方法论。Guizang's PPT skill 把演示稿输出的标杆立了起来。Multica 写出了我们沿用的 daemon + 运行时架构。Open Design 的贡献是把这一切拼起来:Web 应用 + 本地 daemon + 文件式 Skill + BYOK + ZIP 导入 + 可部署到 Vercel + Apache-2.0。

完整出处:docs/references.md · 也可以看我们的 /about 页。