mcp
Magic UIのコンポーネント統合用公式MCPサーバー. mcp is a Model Context Protocol (MCP) server maintained by magicuidesign. It connects to MCP-compatible clients such as Claude Desktop, Cursor, Cline, and other agents that speak the protocol. It exposes 8 tools, including getUIComponents, getComponents, getDeviceMocks, getSpecialEffects, getAnimations, getTextAnimations, getButtons and getBackgrounds, that an agent can call directly. It is categorized under Tool/npm, Development/IDE and AI/Integration.
このMCPについて
これはMagic UIの公式Model Context Protocol（MCP）サーバーで、UIコンポーネントと様々なAIクライアントや開発環境との統合を容易にするために設計されています。
使用方法
npm経由でインストール（npx @magicuidesign/cli@latest install <client>）するか、IDEのMCP設定で手動設定できます。Cursor、Claude、Windsurfなど複数のクライアントをサポートしています。
用途
Magic UIコンポーネント（アニメーション、ボタン、背景）へのアクセスと、AI支援開発ツールを提供し、UI実装のための自然言語クエリを可能にします。
AIMCP authority
DR and traffic signal for the AIMCP public domain.
Frequently asked questions
What is the mcp MCP server?
mcp is a Model Context Protocol server from magicuidesign. It lets MCP-compatible AI clients call its tools over a standard interface, so agents like Claude, Cursor, and Cline can use it without custom integration.
How do I connect mcp to my AI client?
Add mcp to your client's MCP configuration using the stdio or SSE connection shown in the usage examples on this page, then restart the client to load the server.
What tools does mcp provide?
mcp provides 8 tools: getUIComponents, getComponents, getDeviceMocks, getSpecialEffects, getAnimations, getTextAnimations, getButtons and getBackgrounds.
Is mcp free to use?
mcp is listed on AIMCP for free. Any API keys or accounts required by the underlying service are set by its provider.
Vernclaw Plugins for OpenClaw
Ready-to-use connectors for SEO data, social reading & content generation. Pay-as-you-go credits with audit logs.