shadcn-ui MCP サーバー

shadcn/ui コンポーネント参照用の MCP サーバー

これはTypeScriptベースのMCPサーバーで、shadcn/uiコンポーネントのリファレンス情報を提供します。AIアシスタントがshadcn/uiコンポーネントのドキュメントやサンプルにアクセスできるようにするModel Context Protocol（MCP）サーバーを実装しています。

特徴

ツール

list_shadcn_components - 利用可能なすべてのshadcn/uiコンポーネントのリストを取得します
get_component_details - 特定のコンポーネントの詳細情報を取得する
get_component_examples - 特定のコンポーネントの使用例を取得する
search_components - キーワードでコンポーネントを検索

機能性

このサーバーは以下から情報を収集してキャッシュします:

shadcn/ui の公式ドキュメントサイト ( https://ui.shadcn.com )
shadcn/ui GitHubリポジトリ

次のような構造化データが提供されます:

コンポーネントの説明
インストール手順
使用例
小道具とバリエーション
コードサンプル

発達

依存関係をインストールします:

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

オプション1: ローカルビルドを使用する

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

オプション2: npxコマンドを使用する

{
  "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 を提供します。

Install Server

HTTP connection URL

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

AI アシスタントが、コンポーネントの詳細、使用例、検索機能に関する参照情報を提供する TypeScript ベースの MCP サーバーを通じて shadcn/ui コンポーネントのドキュメントと例にアクセスできるようにします。

Related MCP Servers

mcp-ragdocs
hannesrudolph
A
security
A
license
A
quality
An MCP server implementation that provides tools for retrieving and processing documentation through vector search, enabling AI assistants to augment their responses with relevant documentation context
Last updated -
7
13
211
TypeScript
MIT License
Rust Docs MCP Server
laptou
-
security
F
license
-
quality
An MCP server that provides AI tools with access to Rust documentation from docs.rs, enabling search for crates, documentation, type information, feature flags, version information, and source code.
Last updated -
23
TypeScript
Shadcn UI MCP Server
heilgar
A
security
A
license
A
quality
A Model Control Protocol server that allows users to discover, install, and manage Shadcn UI components and blocks through natural language interactions in compatible AI tools.
Last updated -
6
1,068
9
TypeScript
MIT License
shadcn-ui MCP Server
totodev999
A
security
A
license
A
quality
Provides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.
Last updated -
4
320
JavaScript
MIT License

View all related MCP servers

shadcn-ui MCP Server