kwakseongjae/oh-my-design

解決する課題

AIコーディングエージェント向けの構造化されたデザインワークフローを提供し、任意のデザイン決定を防ぎます。プロジェクト所有の DESIGN.md ファイルを導入することで、プロジェクト全体で一貫したブランド仕様、トーン、視覚的原則を遵守することが保証されます。

動作方法

このツールは、Claude Code、Codex、OpenCode、Cursorなどの既存のコーディングエージェントに、スキルのバンドル、専門サブエージェント、440社以上の企業デザインリファレンスのカタログをインストールします。CLIを使ってローカルにこれらのアセットをブートストラップします。インストール後、エージェントは特定のスキル（例：omd:init）を使用して、実際の企業リファレンス（例：StripeやToss）に基づいた DESIGN.md を作成できます。その後、エージェントはこのファイルを読み取り、開発プロセス中にデザインの一貫性を維持します。

対象ユーザー

AIコーディングエージェントを使用しており、生成されたUI/UXが汎用的なAIデフォルトではなく、プロフェッショナルなデザインシステムやブランドガイドラインに従うことを望む開発者。

特徴

• 広範なエージェント対応：Claude Code、Codex、OpenCode、Cursorに対応。
• 豊富なリファレンスライブラリ：440社以上の品質評価済み企業デザインリファレンスを含む。
• 専門的なAIロール：UXリサーチ、アクセシビリティ監査、コピーの自然化など、18種類の専門サブエージェントを提供。
• ローカル優先：コアワークフローは別途のAPIキーまたはMCPサーバーを必要とせず、既存のエージェントセッション内で実行。
• ポータブル仕様：DESIGN.md ファイルはリポジトリ内に保存されるため、異なるセッション間でデザイン意思決定を再現可能。