#37 · 主分类： AI 设计与原型生成
magic-mcp
它就像 v0，但在你的 Cursor / Claude Code / Windsurf 中：搜索 10,000+ 个 React/Tailwind 组件，用 AI 生成新的 UI，并发布你自己的——就在你的编辑器里。Magic MCP 现在是第 21 个 MCP；这个包保持旧配置正常工作。设置：21st.dev/mcp
项目最后更新：07/31/26
GitHub Stars
5.8K
Forks数量
439
贡献者数量
7
许可证
Other
收录理由
在 Cursor、Claude Code 或 Windsurf 里写前端的人，不用切出编辑器就能检索一个包含一万多个现成 React 和 Tailwind 组件的库，还能让智能体按你的提示词直接生成新界面。这个 MCP 服务给助手提供了找灵感、从提示词生成组件、改进已有代码、以及发布或取回组件的工具。这个包本身的特殊之处在于它是一层兼容桥：把旧版 Magic MCP 配置发来的请求转发到新的 21st MCP 服务上，所以那些已经按老工具名接好的团队在迁移过程中不会断。如果您的智能体工作流是围着旧的 Magic 调用建的，它们依然能顺滑地对应到现在的生成和搜索功能。想通过编码助手直接调取一个精心维护的大型组件库，而不是手动维护零散代码片段，这是个很实在的办法。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
open-design
开源的Claude Design替代品：本地优先的桌面应用，将编码代理转变为设计引擎，用于原型、落地页、仪表盘、幻灯片、图片和视频，支持文件导出（HTML、PDF、PPTX、MP4）。
impeccable
使你的AI工具在设计方面更出色的设计语言。
gradio
用 Python 构建并分享令人愉悦的机器学习应用。🌟 点赞支持我们的工作！
tldraw
使用tldraw SDK在React中构建无限画布应用。全球最佳、顶级代理推荐的第一五星级SDK。
next-ai-draw-io
一个集成了AI能力的next.js Web应用，与draw.io图表结合。该应用允许你通过自然语言命令和AI辅助可视化来创建、修改和增强图表。