Better Design：AIコーディングエージェントに、デザインシステムとUIレビュー観点を渡すオープンなMCPサーバー

用途

• AIコーディング
• 文章の手直し
• AIエージェント構築

何ができるか

Claude Code、Cursor、GitHub CopilotなどMCP対応のコーディング環境向けに、配色・トークン・コンポーネント・使いやすさの確認項目を渡すデザインMCP。 LinearやStripe、Vercelなど有名プロダクト風のデザインシステムを複数用意し、エージェントが画面を作るときに「どの作法で作るか」と「出来栄えの自己点検」を揃えられる。 shadcn/ui向けのレジストリとしても使える。

向いている用途

• Claude CodeやCursorにUIを作らせるとき、無難で平凡な見た目を避けたいとき
• 既存の有名プロダクトに近いトーンで、プロトタイプの見た目を揃えたいとき
• 生成した画面を、コントラストやフォーカスなど最低限の観点でエージェントに見直させたいとき

実際の使われ方（活用事例）

事例未収集：出典を確認できる活用事例をまだ集められていません。見つかり次第追加します。

導入の手軽さ

●●●○○ ふつう — MCPクライアントにサーバーを登録し、デザインシステムを選んでから画面作成を依頼する。Claude Code／Cursor向けの手順がドキュメントにある。

ライセンス

MIT License（SPDX: MIT）。利用・改変・再配布が自由（著作権表示とライセンス文の同梱が必要）。

ライセンスの説明は要点のみです。利用前にリポジトリのLICENSEファイル原文を確認してください。

リポジトリ情報