- 形态
- MCP
- 传输协议
- stdio
- 是否开源
- 否
- GitHub Stars
- ★ 5.2k
- 收录来源
- mcp-github
能力说明
Magic Component Platform (MCP) 是一个强大的AI驱动工具，帮助开发者通过自然语言描述即时创建美观、现代的UI组件。它无缝集成到流行的IDE中，并提供简化的UI开发工作流程。该工具支持多种IDE，包括Cursor、Windsurf和VSCode等。用户只需在聊天中描述所需的组件，Magic就会立即构建出高质量的UI组件，并自动添加到项目中。适合需要快速生成和定制UI组件的前端开发者。
能力点
- ▪通过自然语言生成UI组件
- ▪多IDE支持（Cursor、Windsurf、VSCode）
- ▪实时预览生成的组件
- ▪TypeScript支持
- ▪访问大量预制组件库
适用场景
快速生成导航栏创建响应式布局自定义现有组件集成品牌资产和Logo
接入方式
依赖：API KeyNode.js环境
npx @21st-dev/cli@latest install <client> --api-key <key>
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
Magic AI Agent如何处理我的代码库？
仅修改与生成组件相关的文件，不影响其他部分。
我可以自定义生成的组件吗？
可以，所有生成的组件都是完全可编辑的。
如果我用完了生成次数怎么办？
会提示升级计划以继续生成组件。
相关 Skill
gemini-cli
Gemini CLI 是一个开源的 AI 代理，将 Gemini 的强大功能直接带入终端。
MCP
ruflo
Ruflo 是一个为 Claude Code 和 Codex 设计的智能代理元框架。
MCP
context7
为 LLM 和 AI 代码编辑器提供最新的代码文档。
MCP
mcp-adapter
将WordPress插件、主题和核心功能转换为MCP工具，供AI代理调用。
MCP
MemOS
为LLM和AI代理提供持久化记忆、混合检索和跨任务技能复用的自进化内存操作系统。
MCPmemoryLLM
claude-context
为 Claude Code 提供代码搜索能力，使整个代码库成为上下文。
MCP