@magicuidesign/mcp
Magic UIの公式 ModelContextProtocol (MCP) サーバー。
MCP構成をインストールする
npx @magicuidesign/cli@latest install <client>
サポートされているクライアント
[x] カーソル
[x] ウィンドサーフィン
[x] クロード
[x] クライン
[x] ルー・クライン
Related MCP server: SupaUI MCP Server
手動インストール
IDE の MCP 構成に追加します:
{
"mcpServers": {
"@magicuidesign/mcp": {
"command": "npx",
"args": ["-y", "@magicuidesign/mcp@latest"]
}
}
}
使用例
設定が完了すると、次のような質問ができるようになります。
「ロゴのマーキーを作る」
「ぼかしフェードテキストアニメーションを追加する」
「グリッド背景を追加する」
利用可能なツール
サーバーは、MCP 経由で呼び出し可能な次のツールを提供します。
MCPの制限
一部のクライアントでは、呼び出せるツールの数に制限があります。そのため、ツールをカテゴリ別にグループ化することにしました。注：各コンポーネントのより具体的なコンテキストについては、MCPをローカルで実行し、コンポーネントをグループ化するロジックを変更してください。
クレジット
MCP サーバーを作成してくれた@beaubhpに大いに感謝します 🙏