21st-dev/magic-mcp

何を解決するか

AIエージェントがUIコンポーネント、テーマ、テンプレートのライブラリにアクセスできる橋渡しを提供します。エージェントが既存のコンポーネントを検索し、新しいUIを生成し、ライブラリを管理できるようにすることで、AIアシスタントをUI開発ツールに変えることができます。

動作方法

このプロジェクトはModel Context Protocol (MCP) サーバーとして動作します。スタンドアロンのHTTPサーバーとして使用することも、stdioプロキシ経由で使用することもできます。AIクライアント（Cursor、Claude、VS Codeなど）を21st.devプラットフォームに接続し、UI生成および取得のための特定のツールを呼び出せるようにします。

対象ユーザー

Model Context Protocol (MCP) をサポートするAI搭載IDEやエージェントを使用し、UIコンポーネントの発見と生成を自動化したい開発者。

主な特徴

• UI生成: バリアント付きで新しいUIコンポーネントを生成できる機能。
• コンポーネントの発見: コンポーネント、テーマ、テンプレート全体を対象としたカタログ検索。
• 豊富なツールセット: ロゴ検索、有料コード取得、チームライブラリ管理などに対応するツール。
• 広範な互換性: Cursor、Claude、VS Code、Windsurfなど、複数のAIクライアントをサポート。