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 tool

Configuration claude_desktop_config.json

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 under mcpServers in your config, then restart Claude Desktop. For Claude Code, reference this server in your project's CLAUDE.md.

Related

Similar servers

More in Developer Tools
Compare
@modelcontextprotocol

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

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

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

Developer Toolsstdio auth
30.5k5d ago20 toolslocal
Install command unavailable — see repo
Compare
@jlowin

A high-level framework for building MCP servers in Python

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