什麼是 oh-my-design?

oh-my-design (OmD) 是為 AI 編碼代理打造的設計系統。它讓 Claude Code / Codex / OpenCode / Cursor 變成一位記得你品牌的資深產品設計師。安裝一次之後,只要描述你想要的東西 — 元件、畫面、文案、素材、圖表 — 代理就會套用專案的設計系統並交付成果。DESIGN.md 是品牌規格(Google Stitch 令牌 + 品牌哲學層: Voice / Narrative / Principles / Personas / States / Motion),套件內建 246 個真實企業的 DESIGN.md。無須 API 金鑰。無須外部基礎設施。一切都在你既有的 CLI 工作階段內執行。

安裝

npx oh-my-design-cli install-skills

安裝後請重新啟動你的代理 (Claude Code 為 Cmd+Q 後重新開啟) — 新的 skills + agents 才會載入。

這是你唯一需要執行的 CLI 指令。其餘一切都是對代理說的自然語言。

支援的代理

| 代理 | 通道 | 安裝內容 | |---|---|---| | Claude Code | --agent claude-code (預設) | 完整套件 — .claude/ 下的 skills、16 個子代理、hooks、data | | Codex | --agent codex | .agents/skills/ 技能套件 (官方 discovery 路徑) | | OpenCode | --agent opencode | .opencode/skills/ 技能套件 | | Cursor | --agent cursor | 正式 rules 通道 — .cursor/rules/omd-design.mdc shim + 共用 .claude/data 目錄 (不含 skills/hooks) |

預設會安裝到所有偵測到的代理; 只要單一通道請加 --agent <name>。

套件內容

17 個 skills · 16 個子代理 · 246 個經驗證的參考 · 活性化 hooks — 上述一個指令全部安裝完成。

每個參考也以 raw markdown 形式提供於 oh-my-design.kr/design-systems/<id>.md,代理可以直接抓取。完整的 skill 與 agent 參考文件: oh-my-design.kr/docs。

升級

npx oh-my-design-cli@latest install-skills

Idempotent。帶有 <!-- omd:installed-skill --> 標記的受管檔案會就地更新,使用者編輯過的檔案則保持不動 (要覆寫請加 --force)。重新執行後請重新啟動代理。

連結

• 目錄 — oh-my-design.kr/design-systems
• 精選集 — oh-my-design.kr/collections
• 文件 — oh-my-design.kr/docs
• 更新紀錄 — CHANGELOG.md

授權

MIT — 參考資料屬於各企業所有,僅為教育性參考而重現。