前 5 分鐘
安裝後，先改善一個介面
安裝完整套件，用 doctor 檢查實際檔案，再提出一個具體的介面需求。
準備
- 01 / 03
Node.js 18 或更新版本
準備完成20+ - 02 / 03
產品程式碼儲存庫
準備完成git - 03 / 03
Claude Code、Codex、OpenCode 或 Cursor
準備完成AI
快速開始
- 01
開啟專案根目錄
專案層級安裝會讓設計脈絡與產品程式碼一起納入版本控制。
- 02
安裝完整套件
互動式安裝會偵測使用中的工具，並預設選取完整產品套件。
npx oh-my-design-cli@latest - 03
重新啟動並驗證
重新啟動 AI 程式助理以載入新技能。doctor 會回報缺少的參考目錄、代理角色或 DESIGN.md。
npx oh-my-design-cli@latest doctor - 04
提出第一項介面需求
從具體介面開始。AI 程式助理會先檢查程式碼儲存庫，再提出設計問題。
使用 DESIGN.md 改善首頁，保留既有行為並驗證結果。
依工具進行非互動安裝
Claude Code
安裝技能、子代理、目錄與安全合併的專案 hooks。
npx oh-my-design-cli@latest install-skills --agent claude-code --all產品發生改變才算完成，而不是安裝成功。
良好的第一次執行會留下可見 UI 改善、專案 DESIGN.md 與清楚的下一個提示詞。