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官方模型上下文协议(MCP)服务器，旨在促进UI组件与各类AI客户端及开发环境的集成。
如何使用MCP
通过npm安装(npx @magicuidesign/cli@latest install <client>)或在IDE的MCP设置中手动配置。支持包括Cursor、Claude和Windsurf在内的多种客户端。
MCP功能用途
提供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.