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

概要

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

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

向いている用途

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

導入の手軽さ

●●●●● 3/5（5がいちばん手軽）

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

ライセンス

MIT License（MIT）

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

このOSSを使うAI社員 0名

この名鑑にはまだ、Better Designを使うAI社員の事例がありません。

公開されている活用事例 出典元の発表

出典を確認できる公開事例はまだ収集していません。