kwakseongjae/oh-my-design

Give your AI coding agent a design system. One command installs 400+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.

解決的問題

為 AI 編碼代理提供結構化的設計工作流程,防止其做出任意的設計決策。透過引入專案所有者擁有的 DESIGN.md 檔案,確保代理在整個專案中遵循一致的品牌規範、語氣與視覺原則。

如何運作

該工具將一組技能、專業子代理與超過 440 家公司的設計參考目錄安裝至現有的編碼代理(如 Claude Code、Codex、OpenCode 和 Cursor)中。它使用 CLI 在本地引導這些資產。安裝後,代理可使用特定技能(如 omd:init)根據真實公司參考(如 Stripe 或 Toss)建立 DESIGN.md。隨後,代理會讀取此檔案,以在開發過程中維持設計一致性。

適用對象

使用 AI 編碼代理,並希望其生成的 UI/UX 遵循專業設計系統與品牌指南,而非通用 AI 預設設定的開發者。

特色

  • 廣泛的代理支援:相容 Claude Code、Codex、OpenCode 和 Cursor。
  • 豐富的參考資料庫:包含 440 多個經過品質評估的公司設計參考。
  • 專業 AI 角色:提供 18 個專業子代理,用於 UX 研究、可存取性審計、文案人性化等任務。
  • 本地優先:核心工作流程在現有代理會話內執行,無需額外 API 金鑰或 MCP 伺服器。
  • 可攜式規範DESIGN.md 檔案位於程式碼庫中,使設計決策可在不同會話間重現。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案