shadcn-ui-mcp-server

shadcn-ui-mcp-server

为AI助手提供shadcn/ui组件的结构、用法和安装信息。

MCP编程与开发开源
形态
MCP
传输协议
sse
是否开源
GitHub Stars
★ 2.8k
收录来源
mcp-github

能力说明

shadcn-ui-mcp-server是一个Model Context Protocol (MCP)服务器,使AI助手能够访问shadcn/ui v4组件的详细信息。支持React、Svelte、Vue和React Native框架,提供组件源代码、示例实现和元数据。通过该能力,AI可以更好地理解和使用这些UI组件,适用于需要集成UI组件的AI开发工作流。

能力点

  • 多框架支持(React, Svelte, Vue, React Native)
  • 组件源代码访问
  • 组件示例实现
  • 块支持(如仪表板、日历、表单)
  • 元数据访问(依赖、描述、配置详情)
  • 目录浏览

适用场景

AI辅助前端开发自动化UI组件集成多框架项目中的UI组件管理

接入方式

依赖:GitHub API Key
npx @jpisnice/shadcn-ui-mcp-server --github-api-key ghp_your_token_here

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何获取GitHub Token?

请参考文档中的步骤:docs/getting-started/github-token.md

支持哪些框架?

支持React、Svelte、Vue和React Native

相关 Skill