21st-dev/magic-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
解决的问题
为 AI 代理提供通往 UI 组件、主题和模板库的桥梁。使代理能够搜索现有组件、生成新 UI 并管理库,从而将 AI 助手转变为一个 UI 开发工具。
工作原理
该项目作为 Model Context Protocol (MCP) 服务器运行。可作为独立的 HTTP 服务器使用,也可通过 stdio 代理使用。它将 AI 客户端(如 Cursor、Claude 或 VS Code)连接到 21st.dev 平台,使代理能够调用特定工具进行 UI 生成和检索。
适用人群
使用支持 Model Context Protocol (MCP) 的 AI 驱动 IDE 或代理,并希望自动化发现和生成 UI 组件的开发者。
主要亮点
- UI 生成: 可生成带变体的新 UI 组件。
- 组件发现: 支持在组件、主题和模板中进行目录搜索。
- 丰富的工具集: 包含 logo 搜索、付费代码检索和团队库管理等工具。
- 广泛兼容性: 支持多种 AI 客户端,包括 Cursor、Claude、VS Code 和 Windsurf。
相关
- 项目
- 项目
- 项目
- 项目
- 项目