magic-mcp

by 21st-dev · TypeScript · ★ 4,819

It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

Install

npx -y github:21st-dev/magic-mcp

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "github:21st-dev/magic-mcp"
      ]
    }
  }
}

From the README

Magic Component Platform (MCP) is a powerful AI-driven tool that helps developers create beautiful, modern UI components instantly through natural language descriptions. It integrates seamlessly with popular IDEs and provides a streamlined workflow for UI development. - **AI-Powered UI Generation**: Create UI components by describing them in natural language - **Multi-IDE Support**: - [Cursor](https://cursor.com) IDE integration - [Windsurf](https://windsurf.ai) support - [VSCode](https://code.visualstudio.com/) support - [VSCode + Cline](https://cline.bot) integration (Beta) - **Mode…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript