Open Design 入門課：10 篇教學帶你用 AI Agent 做出設計師等級的作品

你叫 AI 幫你做張提案簡報，它確實生了一份東西出來——但是紫色漸層、隨手塞 emoji、Inter 當顯示字體、配色像是憑空想像的。看起來像「AI 做的」，不像「設計師做的」。Open Design 在解的就是這件事：把一個本地、開源、跑在你既有 CLI 上的 design agent，變成你工作流裡的固定一站。這個系列拆成 10 篇，從「為什麼存在」到「怎麼跑一輪真案子」，一篇一站。

為什麼這個系列值得讀

Open Design 不是再做一個 ChatGPT 包裝層，它的核心是 prompt stack + skills + design systems 三件事疊在一起，讓 AI 寫出來的東西長得像有人盯著做的。問題是這三件事彼此咬合很緊，文件零散在 README、docs、prompts 程式碼裡——讀完一輪要花一個下午。這個系列把它拆成 10 篇，每篇聚焦一個主題，順序讀完你會有一套可重複用的工作節奏。

這個系列適合誰

• 已經在用 Claude Code、Cursor Agent、Codex CLI，但每次叫它「做個 landing page」都要改三輪的人
• 想擺脫 Claude Design 的訂閱與雲端鎖定，但又不想自己從零搭一套設計工作流的人
• 對「為什麼 AI 設計常常很 slop」這件事有感、想知道怎麼用 prompt stack 把它治好的人

系列閱讀地圖

整條路線可以想成：先懂這東西在解什麼 → 裝好它 → 搞清楚底層哲學 → 拆解三大組件（Skills、Design Systems、視覺方向）→ 看反 slop 機器與 prompt stack 怎麼咬合 → 最後落到真實案子。10 篇是一條線，跳著看也行，但順著讀最省事。

10 篇文章你會學到什麼

1. Open Design 是什麼？為什麼它要存在
   導讀： 把 Open Design 跟 Claude Design、Open CoDesign 並列比較，講清楚它是什麼、不是什麼。讀完你會知道這條路值不值得走。

2. Open Design 安裝與快速上手：從 clone 到第一張 artifact
   導讀： Quickstart 五行指令、.od/ 是什麼、第一次執行會發生什麼。動手派直接從這篇開始。

3. Open Design 的六個核心理念：理解設計哲學才會用對
   導讀： 「不自己出 agent」「skills 是檔案不是 plugin」這六個哲學，是整套系統長成這樣的原因。沒搞懂這篇，後面 skill 和 design system 會用得很彆扭。

4. BYOK 與多 CLI 自動偵測：你既有的 agent 就是引擎
   導讀： Claude Code、Codex、Cursor Agent、Gemini CLI 怎麼被自動接上、streaming 模式差在哪、為什麼 Open Design 故意不自帶 agent。

5. Open Design Skills 完全指南：19 個內建 skill 與如何加自己的
   導讀： SKILL.md 是什麼、od: 額外 frontmatter 在做什麼、19 個內建 skill 各自負責哪種畫面。讀完你能寫自己的 skill。

6. 71 套 Design Systems 怎麼用：DESIGN.md 的九大區塊
   導讀： Linear、Stripe、Vercel、Notion 全部都在、切換一鍵生效。這篇拆解 9 段 schema、教你怎麼動手改一份自己的。

7. 五個視覺方向：當客戶沒有品牌時，AI 的決定論答案
   導讀： Editorial Monocle、Modern Minimal、Tech Utility、Brutalist、Soft Warm——每個方向都是一份決定論的色票 + 字體 + 排版規格，避免 AI 自由發揮亂塗。

8. 反 AI-slop 機器：問題表格、五維自評、P0 checklist
   導讀： 為什麼 Open Design 的輸出比較不會 slop？答案在「先發問再動手」、「五維自評打到 3 分以下就重做」這套機制裡。

9. Prompt Stack 架構：Open Design 真正的產品本體
   導讀： discovery + identity charter + DESIGN.md + SKILL.md + 專案 metadata，每一層都是可改檔案。讀完你會理解為什麼作者說「prompt stack is the product」。

10. 真實工作流：用 Open Design 做提案簡報、Dashboard、App 原型
    導讀： 把前 9 篇學到的東西套到三個真案子，每個案子從輸入 prompt 到 export 全程示範。這篇之後你應該能自己跑一輪了。

建議閱讀順序

照 1 → 10 讀效率最好：先建立動機與背景，再裝好工具，接著逐層搞懂哲學、組件、機器，最後落到真實案子。如果你時間真的少，至少讀 1 和 10 補背景與套路；再有空就把 5（Skills）和 6（Design Systems）補上，這兩塊是日常會反覆用到的。

快速上手版本

一句話：Open Design 不出 agent 也不出 model，它出的是讓你既有 agent 表現得像資深設計師的 prompt stack；用法是選 skill、選 design system、發 prompt，剩下的它會逼著 agent 走完詢問 → 規劃 → 自評 → 輸出。 細節交給後面 10 篇；這篇的任務：認路、排程、出發。