广告合作
MCP.so
登录

Shadcn UI MCP Server

@heilgar

代码仓库

基本信息

分类

其他

许可证

MIT

传输方式

stdio

作者

heilgar

关于 Shadcn UI MCP Server

暂无概览

#shadcn-ui#mcp-server#ide-integration#component-library

Shadcn UI MCP Server 配置

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

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

Shadcn UI MCP Server 工具

6

概览

What is Shadcn UI MCP Server?

An MCP (Model Control Protocol) server that enhances the development experience with Shadcn UI components. It provides tooling for listing, documenting, and installing shadcn/ui components and blocks, supporting multiple package managers. Designed for developers using shadcn/ui in their projects.

How to use Shadcn UI MCP Server?

Install and configure the server by adding a JSON entry to your AI client’s config (Claude Desktop, Windsurf, or Cursor). Use tools like list-components, get-component-docs, install-component, list-blocks, get-block-docs, and install-blocks through the MCP interface.

Key features of Shadcn UI MCP Server

  • List available shadcn/ui components and blocks
  • Get detailed documentation for specific components and blocks
  • Install components and blocks with one command
  • Supports npm, pnpm, yarn, and bun package managers
  • Automatic detection of the user’s preferred package manager
  • Debugging via the MCP Inspector tool

Use cases of Shadcn UI MCP Server

  • Quickly search and install a shadcn/ui component without leaving your editor
  • Browse block documentation and code before adding it to a project
  • Automate component installation across different package managers
  • Integrate shadcn/ui management into an AI-assisted workflow

常见问题

1

What tools does the Shadcn UI MCP Server provide?

It provides six tools: `list-components`, `get-component-docs`, `install-component`, `list-blocks`, `get-block-docs`, and `install-blocks`.

2

How do I install the Shadcn UI MCP Server?

Run `npx @heilgar/shadcn-ui-mcp-server` and add the appropriate JSON configuration to your client (Claude Desktop, Windsurf, or Cursor). Configuration examples are provided for each.

3

What are the prerequisites?

Node.js version 18 or higher and a package manager (npm or yarn) are required.

4

What package managers are supported?

npm, pnpm, yarn, and bun are supported, with automatic detection of the user’s preferred manager.

5

How do I debug the server?

Use the MCP Inspector by running `npm run inspector`. It provides a URL to monitor communication, inspect tool calls, and view real‑time logs.

评论

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

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

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

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

Sequential Thinking

modelcontextprotocol

Model Context Protocol Servers

88.2K

MaxKB

1Panel-dev

🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。

22.0K
广告合作