Anthropic 在不久前推出 Claude Design 後，讓這款 AI 可直接產出精美設計稿的工具迅速在開發者社群中引發熱議。但由於其封閉原始碼、僅限雲端付費使用的特性，也讓不少人感到遺憾。近日一位名為 Tom Huang（@tuturetom）的開發者在 X 平台上發表自己開發的類似開源應用 Open Design（前稱 Open Claude Design），宣稱以超過 95% 的還原度逆向重現了 Claude Design 的核心體驗，貼文在 24 小時內累積超過 38 萬次觀看與 1,600 多個讚。
72 小時、18,700 行程式碼的逆向工程
根據 Tom Huang 在 X 平台上的說明，Open Design 專案由 nexu-io 團隊耗時 72 小時、寫了超過 18,700 行程式碼完成。專案包含了 30 多個設計 Skills（最終精簡為 19 個核心技能），支援超過 71 套設計系統，並相容於目前市面上所有主流程式碼代理工具，包括 Claude Code、Codex、OpenCode、OpenClaw、Cursor、Gemini CLI、Qwen 與 GitHub Copilot CLI 等 。
正式开源 open claude design 🚀 超 95% 以上的还原度！
浓缩和逆向所有 claude design 最先进的设计，最好看的模板💥
历时 72 小时，18700+ 行代码，30+ 设计 Skills，支持超过 71 套 设计系统，支持所有的 code agent，包括 claude code、codex、openclaw 等 🔥 pic.twitter.com/MkukjgSbmh
— Tom Huang (@tuturetom) April 28, 2026
其實這類 Claude Design 的開源應用也不是首例，之前也有一位中國開發者的「Huashu Design」也頗受其他開發者好評，不過目前 Open Design 評價更好，在 GitHub 上已有 5000+ 的星星好評 。
Claude Design 剛推出就被逆向開源！Huashu Design：一句 Prompt 就能生出原型、簡報與 MP4 動畫
Open Design 是什麼？
Open Design 是一個「在地優先、開源可部署」的 Claude Design 替代方案。根據 GitHub 上的專案說明，其核心理念是：Anthropic 的 Claude Design 展示了當 LLM 從「寫文章」轉向「發布設計成品」時的震撼效果，但它封閉、付費、僅限雲端、鎖定 Anthropic 的模型與技能生態系：而 Open Design 則是完全開放的版本 。
不同於 Claude Design 內建專屬的 AI 代理，Open Design 選擇不自己打造代理程式，而是讓使用者自己的程式碼代理（Claude Code、Codex、Cursor 等）直接成為設計引擎。這種「BYOK（Bring Your Own Key）」架構意味著使用者可以在熟悉的開發環境中，用自己的 API Key 和偏好的模型來執行設計任務。
六個核心設計理念
Open Design 的架構建立在六個關鍵設計決策上：
1. 不內建代理，你的就夠用了。 系統啟動時會自動掃描 PATH 中的 Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen 與 Copilot，找到哪個就用哪個作為設計引擎，透過標準輸入輸出（stdio）驅動。
2. Skills 是檔案，不是外掛。 每個設計技能是一個資料夾，包含 SKILL.md 加上 assets/ 與 references/。只要把資料夾丟進 skills/ 目錄再重啟 daemon，新技能就會出現在選擇器中。
3. 設計系統是可攜的 Markdown，不是 JSON 主題檔。 採用來自 VoltAgent/awesome-design-md 的 9 段式 DESIGN.md 規格（色彩、字體、間距、佈局、元件、動態、語調、品牌、反模式），隨附 71 套知名品牌的設計系統——從 Stripe、Linear、Vercel 到 Apple、Tesla、Spotify，涵蓋 AI、金融科技、電商、汽車等領域。
4. 互動式問卷表單避免 80% 的重新導向。 每個設計任務的第一輪不是直接產生程式碼，而是先透過問卷表單收集需求：使用情境、目標受眾、色調、品牌背景、規模與限制。在 30 秒內鎖定關鍵參數後，代理才開始產出設計。
5. Daemon 讓代理感覺像在你的電腦上工作，因為本來就是。 Daemon 在專案的 .od/projects/ 目錄下建立真實檔案，代理擁有 Read、Write、Bash、WebFetch 等真實工具，可以讀取模板、搜尋 CSS、建立品牌規格文件、產生圖檔，最後輸出成 HTML、PDF、PPTX 或 ZIP。
6. 提示詞堆疊就是產品本身。 每次發送時組合的不只是「系統提示 + 使用者提示」，而是由系統提示、工作流程（發現階段、技能指令、設計系統、方向指引、反-AI-slop 檢查清單）與使用者輸入全部合成的最終提示。每一層都是可編輯的檔案。
反-AI-slop 機制：確保產出品質
Open Design 最引人注目的特色之一，是內建了一套「反 AI-slop」（防止 AI 生成廉價垃圾）的品質機制，靈感來自同為開源專案的 alchaincyf/huashu-design：
- 問卷表單優先：第一輪只收集需求，不思考、不調用工具、不敘述
- 品牌規格提取：當使用者上傳截圖或網址時，代理需執行五步驟協定（定位→下載→提取色碼→寫入品牌規格→口頭確認）後才開始寫 CSS，絕不憑記憶猜測品牌色
- 五維度自我批判：在輸出成品前，代理需從理念、層級、執行、具體性、克制力五個面向自我評分（1-5 分），任何低於 3 分的項目必須修正後重新評分
- P0/P1/P2 檢查清單：每個技能內建 references/checklist.md，P0 閘門沒過就不能輸出
- 禁忌黑名單：明確禁止紫色漸層、泛用表情圖示、圓角卡片搭配左側色塊、手繪 SVG 人物、Inter 作為標題字體、虛構數據等 AI 常見的設計套路
快速上手指南
根據官方說明，第一次啟動只需（或是叫 AI Agent 自行安裝也可以）：
git clone https://github.com/nexu-io/open-designpnpm install && pnpm dev- Daemon 自動偵測 PATH 中的程式碼代理，選擇一個作為設計引擎
- 載入 19 個 Skills 與 71 套設計系統
- 輸入設計提示 → 收到問卷表單 → 填寫 → 觀看成品渲染
所有數據儲存在本地的 SQLite 資料庫中，關閉後重開仍可繼續先前的工作。
Open Design GitHub 項目官網
結語
從 Anthropic 推出 Claude Design 到開源社群以 72 小時逆向重現，不過短短 11 天。Open Design 的出現不僅證明了 Claude Design 核心工作流程的可複製性，更展現了開源生態系在 AI 工具領域的敏捷反應能力。對於那些不想被特定平台鎖定、希望保有模型選擇權與資料自主權的使用者來說，Open Design 提供了一個極具吸引力的替代方案，有設計需求的朋友可以自己試試。