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
todoist-mcp
A set of tools to connect to AI agents, to allow them to use Todoist on a user's
68
活跃⭐ 5303 天前更新
ai.imboard/dossier
MCP server for dossier automation standard - enables LLMs to discover, verify, a
69
活跃⭐ 7今天更新
ai.smithery/keremurat-json
Compare two JSON files deeply without worrying about key or array order. Detect
39
半年未更新298 天前更新
常见问题
支持 shadcn/ui 的 v4 吗?
支持不同版本的组件源码拉取,具体覆盖以仓库 README 为准。
跟直接看官网文档有什么区别?
它给的是源码级信息(真实 prop、内部实现、依赖的其他组件),比文档示例更完整,而且 AI 能直接消费。