返回 AI 工具目录
21st-dev/Magic-MCP
MCP 服务人工精选最近核验 2026年7月23日
Magic MCP(21st.dev Magic)是一个 MCP(Model Context Protocol)服务器,让开发者在代码编辑器里用自然语言生成 UI 组件。在 AI 助手对话中输入 /ui 加描述(如“创建一个现代导航栏”),即可生成受 21st.dev 组件库启发的界面组件并自动接入项目;提供实时预览、TypeScript 类型支持,以及通过 SVGL 获取品牌 Logo 等素材。支持 Cursor、Windsurf、VS Code(配合 Cline)与 Claude 等客户端。使用需在 21st.dev Magic Console 申请 API Key,当前处于免费测试阶段并设有每月生成额度,超出后需升级套餐;代码以 MIT 许可开源,但生成能力依赖其托管服务。
定价免费增值部署本地运行、API 接入国内可达国内可达性待核验
解决什么问题
- 用自然语言在编辑器内直接生成前端 UI 组件
- 省去手写样板代码,边写边实时预览
- 生成的组件自动接入现有项目
- 可取用 SVGL 的品牌 Logo 等素材
适合
- 希望在 Cursor/Windsurf/VS Code 里快速产出 UI 组件
- 以 React/TypeScript 为主的前端项目
- 接受调用托管生成服务、按额度使用
不适合
- 生成需联网调用 21st.dev 托管 API,离线不可用
- 需申请 API Key,免费额度用尽后需付费
- 提示词与生成请求会发送至海外服务
- 非 React/前端场景收益有限
如何接入
- 以 MCP 接入 Cursor、Windsurf、VS Code(Cline)、Claude
- 在对话中用 /ui 触发组件生成
- 需在 Magic Console 申请并配置 API Key
- 生成的组件直接写入项目代码
已知限制
- 生成依赖海外托管服务,数据可能出境
- 免费测试有每月生成额度限制
- 组件风格受其组件库范式约束
- “增强现有组件”等能力标注为后续推出
接入与使用事实
- 部署方式
- 本地运行、API 接入
- 实现语言
- TypeScript
- 中文界面
- 待确认
- 中文文档
- 待确认
- 定价方式
- 免费增值
- 许可证
- 待确认
- 国内可达性
- 国内可达性待核验
- 可达性观察
- 待补充
权限、依赖与维护信号
这些字段记录公开可见信号，不等同于安全审计结论。
权限信号
暂无公开信号。
依赖信号
暂无公开信号。
维护信号
暂无公开信号。
公开来源与证据
暂无可公开的来源链接。