広告掲載
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.

コメント

「その他」の他のコンテンツ

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K

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

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

Yuppsy

Yuppsy MCP: build and publish real estate websites from your AI assistant. Yuppsy lets your AI assistant create live websites for real estate agents and individual property listings. You don't need a designer or any code

広告掲載