magic-mcpそれもv0ですが、カーソル/ウィンドサーフ/ラインで使ってみましょう。21世紀の開発に使うマジックMCPサーバです。フロントエンドの作業にMagicと一緒に使うように作られています。

21世紀開発のマジック・AIエージェント・マジック・コンポーネント・プラットフォーム（MCP）は、自然言語の説明によって美しい、現代的なUIコンポーネントを作成することなく、開発者を支援する強力なAIドライバツールです。これは、人気のIDEと問題なく統合され、ユーザーインターフェイス開発のためのシームレスなワークフローを 提供します。 「magic-mcpを使用するには、プロジェクトの通知設定を変更するには、ユーザーはサインインしている必要があります。開発者は、「アージェントに何が必要かを教えて」といった特徴を使うことで、自然言語でUIコンポーネントを説明できます。Magic MCPは21st.devのライブラリにインスピレーションを得ながら、ユーザーが要求したUIコンポーネントを即座に構築します。」 IDエディターとの統合のために、開発者はサポートされるクライアントをインストールする必要があります。例として、Cursor、Windsurf、またはCline拡張機能を使用してVS Codeをインストールできます。 MCPをインストールする方法は3つ用意されていますが、ユーザーは選択が可能です 1. CLIによるインストール: 'npx @21st-dev/cli@最新版インストール'コマンドを実行することで行うことができます。 2. IDEのMCP設定ファイルによる手動設定: IDEの設定ファイルを直接操作することで行うことができます。 3. VS Code上のインストールボタンの1クリックでインストールが可能です。 magic-mcpはTS、実時プレビュー、プロフェッショナルブランドアセットやロゴなどの多種多様なデータにアクセスできるサービスです。