magic-mcp
它就像v0，但在你的Cursor / Claude Code / Windsurf中：搜索10,000多个React/Tailwind组件，用AI生成新UI，并发布你自己的——直接从编辑器内完成。Magic MCP现在是第21个MCP；此包保持旧配置正常工作。设置：21st.dev/mcp
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
怎么安装
npx -y @21st-dev/magic git clone https://github.com/21st-dev/magic-mcp ~/.claude/skills/magic-mcp 简介
Magic MCP → 21st MCP **Magic MCP is now the 21st MCP.** The Magic MCP server (@21st-dev/magic) has been replaced by the unified **21st MCP**, installed via the **21st CLI** — setup at 21st.dev/mcp. This package remains published as a thin compatibility proxy so old configs keep working. Install the 21st MCP (recommended) bash npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex Or add it manually — it is a plain HTTP MCP server: json { "mcpServers": { "21st": { "url": "https://21st.dev/api/mcp", "headers": { "x-api-key": "YOUR_21ST_API_KEY" } } } } Get an API …
推荐参考
信息
- 协议
- ISC
- 语言
- TypeScript
- GitHub 星标
- 5.9K
- 月下载
- 109.3K
- 最近更新
- 2026-09-09
- 创建于
- 2025-02-19
基础安全检查
- 检查结果
- 无
- 收录来源
- curated:punkpeye/awesome-mcp-servers
- 主题标签
- 21st, claude, cursor, mcp, model-context-protocol, react, tailwindcss, ui-components
同类推荐
radar
skyhook-io/radar
缺失的开源Kubernetes UI，内置面向AI代理的MCP服务器。查看出了什么问题、原因以及变化。问题、拓扑、事件时间线、Helm、GitOps、实时服务流量和集群审计——全部集成在一个Go二进制文件中。
dsh-desktop
anywhere-labs/deepseek-harness-desktop
为 DeepSeek Harness (DSH) 生态打造的现代化桌面端体验