shadcn/ui MCP Server
shadcn/ui 的特点是组件源码直接复制进你的项目,而不是装成依赖。这也带来一个问题:AI 不知道你项目里那个版本的组件长什么样,经常编出不存在的 prop。
这个 server 把 shadcn/ui 组件的真实源码、demo 和依赖关系喂给 AI。你说「做一个带筛选的数据表格」,它拿到的是真实的 Table 和 Select 组件定义,写出来的代码能直接跑。
安装 / 接入
# No npm package — install from source.
# See the repo's README for the exact command:
# https://github.com/Jpisnice/shadcn-ui-mcp-server以官方 README 为准;env 与参数各 server 不同。
为什么用它
适合:用 shadcn/ui 搭前端、被 AI 编造 prop 坑过的开发者。
接入前注意:它会调 GitHub API 拉组件源码,不配 token 的话会碰到 60 次/小时的限流,建议配一个只读 token。
相似 / 替代 server
ida-pro-mcp
AI-powered reverse engineering assistant that bridges IDA Pro with language mode
88
活跃⭐ 10.8k1 天前更新
ha-mcp
The Unofficial and Awesome Home Assistant MCP Server
88
活跃⭐ 4.1k今天更新
app.worldmonitor/mcp
World Monitor
87
活跃⭐ 74.2k今天更新
fastmcp
🚀 The fast, Pythonic way to build MCP servers and clients.
86
活跃⭐ 26.8k2 天前更新
常见问题
支持 shadcn/ui 的 v4 吗?
支持不同版本的组件源码拉取,具体覆盖以仓库 README 为准。
跟直接看官网文档有什么区别?
它给的是源码级信息(真实 prop、内部实现、依赖的其他组件),比文档示例更完整,而且 AI 能直接消费。