magic-mcp

21st-dev/magic-mcp

提供 React/Tailwind 组件搜索生成 UI 并发布适配编辑器

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

21stclaudecursormcpmodel-context-protocolreacttailwindcssui-components

配置方法

这个项目没有在官方 MCP Registry 登记安装方式，请参考下方 README，或者把提示词交给智能体帮你配置。

交给智能体配置

请帮我在 Claude Code 里配置这个 MCP Server：https://github.com/21st-dev/magic-mcp

1. 先阅读它的 README，告诉我它提供哪些工具、需要什么依赖和密钥、会访问哪些数据；
2. 等我确认后，用 claude mcp add 添加（默认 local 作用域，密钥用环境变量，不要写进项目文件）；
3. 添加后运行 claude mcp list 确认已连接，并用一个简单任务演示它能用。

MCP Server 能以你的身份访问外部系统。只接入可信来源，密钥放在环境变量里，详见「MCP」一课。

README

在 GitHub 查看