magicuidesign/mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

213 stars 37 forks 品質 71 トレンド 18MIT

Repository Install

Magic UIコンポーネントは、AIエディターから検索・インストール可能です。

概要

Magic UI用の公式ModelContextProtocol(MCP)サーバー。 - [x] カーソル - [x] ウィンドサーフィン - [x] クロード - [x] クライン - [x] ルークライン設定が完了したら、次のような質問が可能です: サーバーはMCP経由で呼び出せる以下のツールを提供します: 一部のクライアントは呼び出せるツールの数に制限があります。サーバーは小さな汎用ツールサーフェスを保持し、ハードコードされたカテゴリバケットに依存せず、ライブのMagic UIレジストリから直接読み込みます。ウィジェット、メディア、デバイスなどの広範な意味的発見概念は、現在MCP APIで一流カテゴリとしてモデル化されていません。 MCPサーバー🙏を作ってくれた@beaubhpに心から感謝します

概要（AI 翻訳）

Magic UI用の公式ModelContextProtocol(MCP)サーバー。

MCP設定をインストールする

サポートクライアント

[x] カーソル
[x] ウィンドサーフィン
[X] クロード
[X] クライン
[X] ルークライン

手動インストール

IDEのMCP設定に追加してください:

使用例

設定が完了したら、次のような質問が可能です:

「ロゴの看板を作る」

「ブラーを付けてフェードテキストアニメーションを追加」

「グリッド背景を追加」

利用可能なツール

サーバーはMCP経由で呼び出せる以下のツールを提供します:

工具名	説明
`listRegistryItems`	`kind`、`query`、`limit`、`offset`などのオプションフィルター付きのMagic UIレジストリ項目をリストアップしています。レジストリ閲覧に推奨されています。

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

@magicuidesign/mcp

Official ModelContextProtocol (MCP) server for Magic UI.

Install MCP configuration

npx @magicuidesign/cli@latest install

Supported Clients

[x] cursor
[x] windsurf
[x] claude
[x] cline
[x] roo-cline

Manual Installation

Add to your IDE’s MCP config:

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}

Example Usage

Once configured, you can questions like:

“Make a marquee of logos”

“Add a blur fade text animation”

“Add a grid background”

Available Tools

The server provides the following tools callable via MCP:

Tool Name	Description
`listRegistryItems`	Lists Magic UI registry items with optional filters like `kind`, `query`, `limit`, and `offset`. Recommended for registry browsing.
`searchRegistryItems`	Searches Magic UI registry items by keyword across names, titles, descriptions, and registry types, with pagination support.
`getRegistryItem`	Returns details for a single registry item, including install instructions and optional source, related items, and examples.

MCP Limitations

Some clients have a limit on the number of tools they can call. The server keeps a small generic tool surface and reads directly from the live Magic UI registry, rather than relying on hardcoded category buckets. Broad semantic discovery concepts such as widgets, media, or devices are not currently modeled as first-class categories in the MCP API.

Credits

Big thanks to @beaubhp for creating the MCP server 🙏

MIT

GitHub で README 全文を見る

インストール

npx -y @magicuidesign/mcp@latest

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}