21st Magic MCP

不活跃
GitHub TypeScript No License

简介

21st Magic MCP 是一个面向前端开发的 MCP 服务器，在 Cursor、WindSurf、Cline 等 IDE 中提供类似 v0 的 AI 前端组件生成能力。

核心特性

  • 通过 MCP 协议从自然语言描述生成 AI 驱动的 UI 组件
  • 支持 Cursor、Windsurf、VS Code 和 VS Code + Cline 的多 IDE 集成
  • 访问受 21st.dev 设计启发的大量预构建、可定制组件库
  • 实时预览生成的组件并即时集成到项目中
  • 完整 TypeScript 支持，实现类型安全开发和结构化组件代码
  • SVGL 集成，提供专业品牌资产和 Logo 资源库访问

适用场景

💡 在 IDE 中使用自然语言快速构建现代 UI 组件原型
💡 无需手动编码即可构建响应式导航栏、表单和交互元素
💡 使用专业设计的可定制组件模式增强现有项目
💡 通过自动化重复性 UI 创建任务加速前端开发工作流
💡 使用 21st.dev 组件库在项目间集成一致的设计系统

标签

mcp frontend ui-generation cursor ide

分类

🔌 MCP 工具

快速开始

通过 CLI 安装：npx @21st-dev/cli@latest install <client> --api-key <key>（支持的客户端：cursor、windsurf、cline、claude）。或手动将 MCP 服务器配置添加到 IDE 的 mcp.json。在 AI Agent 聊天中输入 /ui 加上所需组件的描述即可生成。
访问 GitHub 访问官网

相关项目