21世纪开发Magic MCP

21世纪开发Magic MCP

像v0一样，但适用于Cursor/WindSurf/Cline的Magic MCP服务器，用于前端开发。

GitHub
Created By21st-dev21st-dev

快速入门

前置条件

  • 安装最新LTS版本的Node.js
  • 支持的IDE：Cursor、Windsurf、VSCode（带Cline扩展）

安装步骤

  1. 生成API密钥

  2. 选择安装方式

    • 方法1：CLI安装（推荐） 运行以下命令： npx @21st-dev/cli@latest install --api-key （支持的客户端：cursor, windsurf, cline, claude）
    • 方法2：手动配置 在IDE的MCP配置文件中添加以下内容： { "mcpServers": { "@21st-dev/magic": { "command": "npx", "args": ["-y", "@21st-dev/magic@latest", "API_KEY="your-api-key""] } } }
    • 方法3：VS Code安装 使用提供的按钮进行一键安装，或手动编辑VS Code设置文件。

启动使用

  • 使用 /ui 指令描述组件需求，例如：/ui 创建一个响应式导航栏。