magic-mcp

✨ Featured

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

3332 stars
5/5
Server Information

Category

Development

Tags

typescript
popular 🔥

GitHub Stars

3332

Last Updated

8/14/2025

Installation & Usage

Quick Install

1. Install the server

npm install magic-mcp

2. Configure MCP settings

Add the server to your Claude Desktop or MCP client configuration.

3. Start using

The server will be available for use with your AI assistant.

Configuration Example
{
  "servers": {
    "magic-mcp": {
      "command": "node",
      "args": ["path/to/magic-mcp"]
    }
  }
}

Add this configuration to your MCP settings file.

Ready to Get Started?

Install magic-mcp and start building more capable AI applications with Model Context Protocol.