Home/Directory/Developer Tools/Magic

Magic

@21st-dev · github.com/21st-dev/magic-mcp

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

ClaimedDeveloper Toolsstdiolocal auth
GitHub

Install one command

terminal
$ npx @21st-dev/cli@latest install <client> --api-key <key>

Or add it with the Claude CLI: claude mcp add 21st-dev-magic-mcp

Tools exposed 0 tools

Configuration generate & copy

Values are filled in locally in your browser — nothing is sent anywhere.

claude_desktop_config.json
{
  "mcpServers": {
    "21st-dev-magic-mcp": {
      "command": "npx",
      "args": ["@21st-dev/cli@latest", "install", "<client>", "--api-key", "<key>"],
      "env": {
        "API_KEY": "<your-api-key>"
      }
    }
  }
}

Paste the Claude Desktop snippet under mcpServers in your config, then restart Claude Desktop — or run the Claude Code command in your terminal.

Related

Similar servers

More in Developer Tools
Compare
@modelcontextprotocol

Reference / test server with prompts, resources, and tools.

Developer ToolsstdioRead-only no-auth
87k1w ago0 toolslocal
$npx -y @modelcontextprotocol/server-everything
Compare

Official GitHub server for integration with repository management, PRs, issues, and more.

Developer ToolsstdioExecute auth
30.5k6d ago20 toolslocal
Install command unavailable — see repo
Compare
@jlowin

A high-level framework for building MCP servers in Python

Developer ToolsstdioRead-only no-auth
25.6k1w ago0 toolslocal
Install command unavailable — see repo