Jpisnice/shadcn-ui-mcp-server

解决的问题

简化将 shadcn/ui v4 组件集成到 AI 驱动的开发工作流中的过程。无需手动搜索和复制组件代码，AI 助手可以直接访问并获取跨多个框架的最新源代码、演示示例和元数据。

工作原理

该项目是一个 Model Context Protocol (MCP) 服务器，充当 AI 助手（如 Claude Desktop 或 Cursor）与 shadcn/ui 生态系统之间的桥梁。它连接到 GitHub 以获取 TypeScript 源代码、组件块和配置详情。支持多种传输模式，包括标准输入/输出（stdio）和用于生产部署的可流式传输 HTTP 端点，并包含智能缓存机制以应对 GitHub API 的速率限制。

适用人群

使用 AI 助手构建用户界面，希望快速实现来自 shadcn/ui、shadcn-svelte、shadcn-vue 或 react-native-reusables 的组件的开发者。

主要亮点

• 多框架支持：提供对 React、Svelte、Vue 和 React Native 实现的访问。
• 全面访问：可获取组件源代码、示例演示和完整组件块（如仪表板和表单）。
• 灵活部署：可通过 npx、Docker 或作为无状态 HTTP 服务器运行。
• 智能工具：支持组件名称和包管理器的参数补全，并兼容 2026-07-28 MCP 规范。