mcp
Magic UI's official MCP server for component integration. 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.
What is this MCP
This is the official Model Context Protocol (MCP) server for Magic UI, designed to facilitate integration of UI components with various AI clients and development environments.
How to use this MCP
Install via npm (npx @magicuidesign/cli@latest install <client>) or manually configure in your IDE's MCP settings. Supports multiple clients including Cursor, Claude, and Windsurf.
What this MCP can be used for
Provides access to Magic UI components (animations, buttons, backgrounds) and tools for AI-assisted development, enabling natural language queries for UI implementation.
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.