{
  "mcpServers": {
    "21st-dev-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic@latest"
      ],
      "env": {
        "API_KEY": "<Your 21st.dev Magic API Key.>"
      }
    }
  }
}

{
  "id": "21st-dev-magic-mcp",
  "name": "21st.dev Magic",
  "description": "Magic AI Agent is an AI-driven tool that helps developers generate UI components using natural language descriptions. It integrates with various IDEs such as Cursor, Windsurf, VSCode, and Claude to st",
  "source_url": "https://github.com/21st-dev/magic-mcp",
  "publisher_name": "21st-dev",
  "publisher_url": "https://github.com/21st-dev",
  "is_official": true,
  "license": "",
  "runtime": "node",
  "downloads": 196681,
  "requires_oauth": false,
  "distribution": {
    "type": "npm",
    "package": "@21st-dev/magic"
  },
  "tools_count": 4
}