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 頁。