MCP Radar

shadcn/ui MCP Server

shadcn/ui 的特点是组件源码直接复制进你的项目,而不是装成依赖。这也带来一个问题:AI 不知道你项目里那个版本的组件长什么样,经常编出不存在的 prop。

这个 server 把 shadcn/ui 组件的真实源码、demo 和依赖关系喂给 AI。你说「做一个带筛选的数据表格」,它拿到的是真实的 Table 和 Select 组件定义,写出来的代码能直接跑。

看这个 server 的健康数据 →

安装 / 接入

# 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

常见问题

支持 shadcn/ui 的 v4 吗?

支持不同版本的组件源码拉取,具体覆盖以仓库 README 为准。

跟直接看官网文档有什么区别?

它给的是源码级信息(真实 prop、内部实现、依赖的其他组件),比文档示例更完整,而且 AI 能直接消费。