广告合作
MCP.so
登录

shadcn-ui MCP Server

@mamba-mental

代码仓库

基本信息

分类

其他

许可证

MIT license

传输方式

stdio

作者

mamba-mental

关于 shadcn-ui MCP Server

暂无概览

shadcn-ui MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

shadcn-ui MCP Server 工具

4

Get a list of all available shadcn/ui components

Get detailed information about a specific shadcn/ui component

Get usage examples for a specific shadcn/ui component

Search for shadcn/ui components by keyword

概览

What is shadcn-ui MCP Server?

It is a TypeScript-based MCP (Model Context Protocol) server that provides reference information for shadcn/ui components. It helps AI assistants access component documentation, installation instructions, usage examples, props, variants, and code samples by scraping the official shadcn/ui documentation site and GitHub repository.

How to use shadcn-ui MCP Server?

Install dependencies with npm install, build the server with npm run build, then configure it in your MCP client (Claude Desktop, Windsurf, or Cursor) using either the built index.js path or the npx command npx -y shadcn-ui-mcp-server. For development, use npm run watch for auto-rebuild.

Key features of shadcn-ui MCP Server

  • Provides four tools: list_shadcn_components, get_component_details, get_component_examples, and search_components
  • Scrapes and caches data from the official shadcn/ui website and GitHub repository
  • Returns structured component descriptions, installation instructions, and usage examples
  • Supports searching components by keyword
  • Written in TypeScript for type safety

Use cases of shadcn-ui MCP Server

  • An AI assistant retrieving detailed info about a specific shadcn/ui component
  • A developer searching for components that match a keyword in their IDE
  • Automated generation of component examples for documentation or tutorials
  • Integrating shadcn/ui component references into a larger MCP‑enabled toolchain

常见问题

1

What tools does the shadcn-ui MCP Server provide?

It provides four tools: `list_shadcn_components`, `get_component_details`, `get_component_examples`, and `search_components`.

2

How do I install and configure the shadcn-ui MCP Server?

Install dependencies with `npm install`, build with `npm run build`, then add the server configuration to Claude Desktop, Windsurf, or Cursor using either the local build path or the npx command `npx -y shadcn-ui-mcp-server`.

3

What data sources does it use?

It scrapes and caches information from the official shadcn/ui documentation site (https://ui.shadcn.com) and the shadcn/ui GitHub repository.

4

How can I debug the shadcn-ui MCP Server?

The recommended method is the MCP Inspector, which can be started via `npm run inspector`. It provides a URL to access debugging tools in your browser.

5

Is there a development mode with auto-rebuild?

Yes, run `npm run watch` to automatically rebuild the server when source files change.

评论

其他 分类下的更多 MCP 服务器

Sequential Thinking

modelcontextprotocol

Model Context Protocol Servers

88.2K

Volley.sh

Volley

A good sequence diagram can solve almost any communication problem in engineering. Volley lets your agent write them as plain text, with the real request and response payloads on every arrow. It checks its own syntax wi

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K
N

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

广告合作