remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Provides reference information for shadcn/ui components, including component listings, detailed documentation, usage examples, and search functionality. Scrapes and caches data from the official documentation site and GitHub repository.

shadcn-ui MCP 服务器

用于 shadcn/ui 组件引用的 MCP 服务器

这是一个基于 TypeScript 的 MCP 服务器，提供 shadcn/ui 组件的参考信息。它实现了一个模型上下文协议 (MCP) 服务器，帮助 AI 助手访问 shadcn/ui 组件的文档和示例。

特征

该服务器从以下位置抓取并缓存信息：

它提供的结构化数据包括：

安装依赖项：

npm install

构建服务器：

npm run build

对于使用自动重建的开发：

npm run watch

要与 Claude Desktop 一起使用，请添加服务器配置：

在 MacOS 上： ~/Library/Application Support/Claude/claude_desktop_config.json在 Windows 上： %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "/path/to/shadcn-ui-server/build/index.js"
    }
  }
}

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}

将其添加到您的./codeium/windsurf/model_config.json ：

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}

将其添加到您的.cursor/mcp.json中：

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}

由于 MCP 服务器通过 stdio 进行通信，调试起来可能比较困难。我们推荐使用MCP Inspector ，它以包脚本的形式提供：

npm run inspector

检查器将提供一个 URL 来访问浏览器中的调试工具。

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

帮助 AI 助手通过基于 TypeScript 的 MCP 服务器访问 shadcn/ui 组件文档和示例，该服务器提供组件详细信息、使用示例和搜索功能的参考信息。