MCP Radar
活跃✓ 官方 registry 收录

@21st-dev/magic

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

55
TrustScore
✅ 活跃维护,适合生产

它能帮你做什么

让 AI 直接生成漂亮的 UI 组件——描述你想要的界面,它给出可用的 React 组件代码。

能力

  • 按描述生成 UI 组件
  • 参考现成组件库

装好后,试试这样问 AI

在 Claude / Cursor 等接了这个 server 的客户端里直接说

  • 帮我做一个带搜索框的定价卡片组件

接入前先知道

🔑 需要 API key / tokenNode.js

配置示例(接入用)

{
  "mcpServers": {
    "@21st-dev/magic": {
      "command": "npx",
      "args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]
    }
  }
}

安装 / 接入

claude mcp add magic -- npx -y @21st-dev/magic

以官方 README 为准;env 与参数各 server 不同。

🛠️ 维护活跃度 权重 30% · 32分

📝
最近提交156 天前
📈
90 天提交数0
💬
issue 中位响应5 天
🗃️
仓库状态正常

📊 采用度 权重 25% · 58分

GitHub stars5.5k(90天 +0%)
📦
npm 周下载8.8k(+0%)
🚀
月均发版0 次

✅ 可用性 权重 20% · 100分

📋
官方 registry已收录
▶️
可运行入口可解析(npx/远程)
🔍
可审计性有开源仓库可审计

❤️ 健康度 & 社区 权重 25% · 43分

🐛
open issues42
🔀
open PRs
⚖️
License未声明
👥
贡献者 / fork5 / 406

数据来源:GitHub API · npm registry · 官方 registry · 更新于 2026-07-23

近 90 天趋势

⭐ stars +0%

📦 周下载 +0%

相似 / 替代 server

每周一封,5 分钟看完 MCP 生态发生了什么

新增 server、爆火趋势、弃坑预警——引擎自动追踪,人工筛选后发到你邮箱。

每周一封 · 随时退订 · 不卖数据