MCP Radar
English中文
活跃

@21st-dev/magic

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/

21st.dev Magic MCP Server 接入指南 →
GitHub ↗npm ↗
60
TrustScore
✅ 暂未检测到明确停更信号；用于生产前仍需完成安全与兼容性验证

它能帮你做什么

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

能力

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

装好后，试试这样问 AI

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

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

接入前先知道

🔑 需要 API key / tokenNode.js

配置示例（接入用）

{
  "mcpServers": {
    "21st": {
      "url": "https://21st.dev/api/mcp",
      "headers": { "x-api-key": "YOUR_21ST_API_KEY" }
    }
  }
}

能接哪些客户端

  • Claude Desktopnpx
  • Claude Codenpx
  • Cursornpx
  • VS Codenpx
  • Windsurfnpx

依据 registry manifest 的包类型和 transport 推导，我们尚未实际安装验证。接入前请以官方 README 为准。

安装 / 接入

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

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

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

📝
最近提交5 天前
📈
90 天提交数3
💬
近期 issue 获回复比例78%
🗃️
仓库状态正常

📊 采用度 权重 25% · 63分

⭐
GitHub stars5.6k（90天 +1%）
📦
npm 周下载74.4k（+738%）
🚀
月均发版0.3 次

✅ 可用性 权重 20% · 55分

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

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

🐛
open issues2
🔀
open PRs—
⚖️
License未声明
👥
贡献者 / fork5 / 412

数据来源：GitHub API · npm registry · 更新于 2026-07-30

近 90 天趋势

⭐ stars +1%

📦 周下载 +738%

相似 / 替代 server

同类里怎么选

搜索类 server 都能给 AI 联网能力，区别在「偏语义检索」还是「偏问答带引用」。

  • 要语义搜网页并抓正文（做研究/找竞品）选 Exa —— 语义搜索 + 内容抓取
  • 要精炼的问答式结果、事实核查选 Tavily / Perplexity —— 为 AI 优化的问答
  • 在意隐私、要通用网页/新闻搜索选 Brave Search

ai.tradesearcher/mcp-server

Search TradeSearcher strategies and backtests from Claude Code, Cursor, Codex, a

56
活跃5 天前更新

io.github.chrischall/groupon-mcp

Groupon deals for Claude — search and browse local, goods, and travel deals

56
活跃今天更新

io.github.ouestcharlie/ouestcharlie-woof

An MCP server and app to search and browse your photos while preserving your pri

66
活跃⭐ 63 天前更新

io.github.chrischall/gogcli-mcp-drive

Google Drive via gogcli for Claude — search, upload, download, permissions

68
活跃⭐ 1今天更新

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

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

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