21st-dev/Magic-MCP

Developer Tools

Create crafted UI components inspired by the best 21st.dev design engineers.

Direct install

Run the underlying MCP server directly — without Agent-CoreX routing.

npx -y magic-mcp

Agent-CoreX intelligently routes which tools from 21st-dev/Magic-MCP your AI agent actually needs per request — reducing token usage and cost.

agent-corex.json

{
  "mcpServers": {
    "magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "magic-mcp"
      ]
    }
  }
}

Connect in 2 minutes. Only pay for the tools your agent actually uses.

Git repository operations and history inspection

Support for step-by-step reasoning with explicit thought processes

Access GitHub repositories, issues, and pull requests

Recommended: intelligent tool routing, lower costs

uvx agent-corex mcp add magic-mcp

Agent-CoreX selects only the tools your agent needs, cutting token usage by up to 60%.

Use 21st-dev/Magic-MCP directly without routing

npx -y magic-mcp