このサーバーについて
21st-dev による Magic MCP サーバー。AI エージェントがコーディング中に 10,000 以上の React/Tailwind コンポーネントを検索し、本番で使える UI コードを直接生成できます。IDE に v0 が組み込まれているような感覚です。
インストール
npx -y @21st-dev/magic-mcpよくある質問
Magic MCP は何ができますか？
コーディング中に、AI エージェントが 10,000 以上の高品質な React/Tailwind コンポーネントライブラリを検索し、現在のニーズに合った UI コンポーネントを見つけてコードを直接生成します。ボタン、フォーム、ナビゲーション、カード、モーダルなどの一般的な UI パターンを含み、ゼロからスタイルを書く時間を削減します。
Magic MCP に API キーは必要ですか？
必要です。21st.dev でアカウント登録して API キーを取得し、--api-key パラメータで渡します。Magic MCP は開発テスト用の無料枠を提供しており、それを超えると従量課金となります。
Magic MCP と v0 の違いは？
v0 は Web ベースのツールで、結果をコピー＆ペーストする必要があります。Magic MCP は IDE に直接組み込まれ、AI エージェントがコーディング中に自動的にコンポーネントを検索・生成するため、エディタから離れる必要がありません。コンポーネントライブラリも実際のプロジェクトで使いやすいよう厳選されています。