open-design：Claude Design 的開源平替，自動調用你已裝的 Agent

Claude Design 一出嗰陣，大家又再一次發現 LLM 唔單止識寫文字——仲可以直接整出設計稿、PPT、海報呢啲真係交到貨嘅「成品」。

但 Claude Design 有幾個限制搞到普通開發者用唔到：

- 閉源

- 要俾錢

- 淨係可以喺雲端行

- 鎖死 Anthropic 模型，換唔到其他大模型

- 冇得 self-host，冇辦法部署去自己嘅 Vercel

週末見到其他博主分享呢個開源項目open-design（倉庫：github.com/nexu-io/open-design），呢個可能係到發文時間為止最似 Claude Design 嘅開源復刻項目。

最有意思嘅地方：佢冇自帶 Agent

大部分AI 開源工具通常都會強行綁一個模型或者 Agent。

但係今日介紹呢個 open-design 就相反——佢唔自己帶 Agent，主張用你已經裝咗嗰個。

啟動嘅時候，daemon 會掃描你嘅 $PATH，按順序揾：

- Claude Code

- Codex CLI

- Cursor Agent

- Gemini CLI

- OpenCode

- Qwen Code

揾到邊個，邊個就係佢嘅設計引擎。【呢點嚟講，真係太方便喇！】

乜都冇裝？佢會 fallback 去 BYOK 嘅 Anthropic API（你自己填 key）。

呢個說明：如果你已經買咗 Claude Max、裝咗 Cursor、或者用緊 Codex，佢可以直接重用，唔使你另外俾錢。

一個測試例子：叫佢整雜誌風格種子輪 BP

輸入一句說話：

make me a magazine-style pitch deck for our seed round

跟住會發生下面幾件事：

1. 先彈一個 interactive questionnaire，鎖定 brief（避免你講一句佢寫一次）

2. 俾你 5 個視覺方向揀

3. UI 裏面流式吐出 TodoWrite 計劃

4. 本地建立一個項目目錄，包括模板、佈局庫、checklist

5. 行一輪五維自我批評

6. 最終成品喺沙箱 iframe 入面渲染

全部本地。BYOK。可以一鍵部署去 Vercel。

呢個開源項目帶嚟嘅啟發

·Skills 係文件，唔係插件

每個 skill = SKILL.md + assets/ + references/。

【題外話：小黃魚係目前市面上驗證細分 skill 嘅最佳 APP，想驗證咩需求或痛點，先上架睇下】

·扔進 skills/目錄，重啟，就用到。倉庫自帶嘅 guizang-ppt-skill 完整保留咗原作者 license 同署名——呢點真係好專業。

Design System 係 markdown

71 個設計系統，全部用 markdown 寫。

我哋都直接讀得明，跨工具都直接重用，唔會鎖死喺某個工具入面。如果你有改風格嘅諗法？打開 md 改一改就得。

沙箱 + 真正導出

通過 srcdoc渲染到沙箱 iframe，可以原地編輯。

導出格式有：HTML / PDF / PPTX / ZIP——係真正交到貨嘅格式，唔係淨係俾你 screenshot。

點樣行起佢

一行 code 就得：

pnpm dev

啟動之後：

- 自動檢測你裝咗嘅 Agent

- 自動加載 19 個 skills 同 71 個 design systems

- 自動創建 ./.od/工作目錄

- 唔需要 od init

揾到 GitHub 開源連結，複製clone → pnpm i → pnpm dev，三步就搞掂。

19 skills × 71 design systems = 1349 種組合。全部開源。

Claude Design 證明咗 LLM 可以整出真係交到貨嘅設計製品，唔止係寫字。

open-design 證明咗呢件事唔需要鎖喺某間公司嘅付費牆後面。

如果你已經訂閲咗 Claude、Cursor、Codex 其中一個，再開 open-design 就係白嫖一個本地版 Claude Design——唔單止可以換底層引擎，仲可以改 skills，更加可以部署去自己嘅 Vercel。

先 clone 行一次，睇下輸出質素先決定使唔使換，半個鐘就驗得完。

如果你都行咗，歡迎喺評論話畀我知你用邊個底層 Agent 行出嚟效果最好。

開源 GitHub 連結：github.com/nexu-io/open-design

AI 做到嘅嘢越來越多，零代碼編程嘅門檻越來越低。但門檻低唔等於坑少

識別 code 裏面嘅坑、判斷邊條路值得行、將技術變成用得着嘅嘢——呢啲先係 AI 時代真正值錢嘅能力。 

如果你都想向呢個方向行，歡迎訂閲我嘅 19.9 蚊「AI Native 實戰」服務。   

「AI Native 實戰」訂閲說明

適合邊個：
想持續瞭解 AI 工具、Claude / Codex / Agent 實戰更新嘅人

你會得到：
1. 每週篩一次值得睇嘅 AI 工具同更新
2. 遇到部署、選型、使用問題可以直接問我
3. 幫你少踩坑，節省自己揾資料同試錯嘅時間

價格：
體驗價 19.9 蚊 /年

訂閲方式：
加我微信 kbhero21 / 直接私信我
備註：AI Native

主理人介紹：竇竇，普通打工仔，亦係重度 AI 研究愛好者，日頭忙工作，夜晚忙搞工具、試方法、做內容

更鍾意分享我自己試過、踩過坑、最後覺得真係有用嘅嘢

關注我，一齊將複雜嘅 AI，變成普通人都用得着嘅日常。

Claude Design一發布的時候，大家又再一次發現 LLM 不但能寫文本——它還能直接產出設計稿、PPT、海報這種真正能交付的"成品"。

但 Claude Design 有幾個讓普通開發者用不了的限制：

- 閉源

- 付費

- 只能雲端跑

- 鎖死 Anthropic 模型，換不了其他大模型

- 不能 self-host，沒法部署到自己的 Vercel

週末看見其他博主分享的這個開源項目open-design（倉庫：github.com/nexu-io/open-design），這可能是截至發文時間前最接近 Claude Design 的開源復刻項目。

最有意思的地方：它不帶自家 Agent

大部分AI 開源工具都會強行綁定一個模型或 Agent。

但今天介紹的這個open-design 卻反着來——它不自己帶 Agent，主張用你已經裝好的那個。

啓動的時候，daemon 會掃描你的 $PATH，按順序找：

- Claude Code

- Codex CLI

- Cursor Agent

- Gemini CLI

- OpenCode

- Qwen Code

找到哪個，哪個就是它的設計引擎。【這點來說，真的太方便了！】

什麼都沒裝？它會 fallback 到 BYOK 的 Anthropic API（你自己填 key）。

這說明：如果你已經買了 Claude Max、裝了 Cursor、或者在用 Codex，它可以直接複用，不讓你額外掏錢。

一個測試例子：讓它做雜誌風種子輪 BP

輸入一句話：

make me a magazine-style pitch deck for our seed round

接下來，會發生下面幾件事：

1. 先彈一個 interactive questionnaire，把 brief 鎖定（避免你說一句它寫一遍）

2. 給你 5 個視覺方向讓你選

3. UI 裏流式吐 TodoWrite 計劃

4. 本地建一個項目目錄，含模板、佈局庫、checklist

5. 跑一輪五維自我批評

6. 最終成品在沙箱 iframe 裏渲染

全部本地。BYOK。可以一鍵部署到 Vercel。

這個開源項目帶來的啓發

·Skills 是文件，不是插件

每個 skill = SKILL.md + assets/ + references/。

【題外話：小黃魚是目前市面上驗證細分skill的最佳APP，想驗證什麼需求或痛點，先上架看看】

·扔進 skills/`目錄，重啓，就能用。倉庫自帶的 guizang-ppt-skill 完整保留了原作者 license 和署名——這點就非常專業。

Design System 是 markdown

71 個設計系統，全部用 markdown 寫。

我們都能直接讀，跨工具也能直接複用，不鎖死在某個工具裏。如果你有改風格的想法？打開 md 改一下就行。

沙箱 + 真導出

通過 srcdoc渲染到沙箱 iframe，可以原地編輯。

導出格式有：HTML / PDF / PPTX / ZIP——是真能交付的格式，不是隻能截圖。

怎麼跑起來

一行代碼就行：

pnpm dev

啓動之後：

- 自動檢測你裝的 Agent

- 自動加載 19 個 skills 和 71 個 design systems

- 自動創建 ./.od/工作目錄

- 不需要 od init

找到GitHub開源連結，複製clone → pnpm i → pnpm dev，三步就能跑。

19 skills × 71 design systems = 1349 種組合。全部開源。

Claude Design 證明了 LLM 可以產出真正能交付的設計製品，不止是寫字。

open-design 證明了這件事不需要鎖在某家公司的付費牆後面。

如果你已經訂閲了 Claude、Cursor、Codex 中的任何一個，再開 open-design 就是白嫖一個本地版 Claude Design——不但能換底層引擎，還能改skills，更能部署到自己的 Vercel。

先 clone 跑一次，看看輸出質量再決定要不要替換，半小時能驗完。

如果你也跑了，歡迎評論裏說說你用哪個底層 Agent 跑出來的效果最好。

開源GitHub連結：github.com/nexu-io/open-design

AI 能做的事越來越多，零代碼編程的門檻越來越低。但門檻低不等於坑少

能識別代碼裏的坑、能判斷哪條路值得走、能把技術變成可用的東西—這些才是 AI 時代真正值錢的能力。 

如果你也想往這個方向走，歡迎訂閲我的 19.9 元「AI Native 實戰」服務。   

「AI Native 實戰」訂閲說明

適合誰：
想持續瞭解 AI 工具、Claude / Codex / Agent 實戰更新的人

你能得到：
1. 每週篩一遍值得看的 AI 工具和更新
2. 遇到部署、選型、使用問題可直接問我
3. 幫你少踩坑，節省自己找資料和試錯時間

價格：
體驗價 19.9 元 /年

訂閲方式：
加我微信kbhero21 / 直接私信我
備註：AI Native

主理人介紹：竇竇，普通打工人，也是重度 AI 研究愛好者白天忙工作，晚上忙折騰工具、試方法、做內容

更喜歡分享 我自己試過、踩過坑、最後覺得真有用的東西

關注我，一起把複雜的 AI，過成普通人也能用上的日常。