Shadcn UI MCP サーバー

Shadcn UIコンポーネントの開発エクスペリエンスを向上させるために設計された、強力で柔軟なMCP（モデル制御プロトコル）サーバーです。このサーバーは、高度なツールと機能を備え、UIコンポーネントの構築と管理のための堅牢な基盤を提供します。

特徴

ツール

MCP サーバーは、モデル制御プロトコルを通じて使用できる一連のツールを提供します。

list-components : 利用可能な shadcn/ui コンポーネントのリストを取得します。
get-component-docs : 特定のコンポーネントのドキュメントを取得する
install-component : shadcn/ui コンポーネントをインストールする
list-blocks : 利用可能なshadcn/uiブロックのリストを取得します
get-block-docs : 特定のブロックのドキュメントを取得する
install-blocks : shadcn/ui ブロックをインストールする

機能性

コンポーネント管理
- 利用可能なshadcn/uiコンポーネントの一覧
- 特定のコンポーネントの詳細なドキュメントを入手する
- 複数のパッケージマネージャー (npm、pnpm、yarn、bun) をサポートするコンポーネントをインストールします。
ブロック管理
- 利用可能なshadcn/uiブロックの一覧
- 特定のブロックのドキュメントとコードを入手する
- 複数のパッケージマネージャーをサポートするインストールブロック
パッケージマネージャーのサポート
- npm、pnpm、yarn、bun の柔軟なランタイムサポート
- ユーザーの好みのパッケージマネージャーの自動検出

インストール

前提条件

Node.js (v18以上)
npm または yarn パッケージマネージャー

クロードデスクトップ構成

Claude Desktop で使用するには、サーバー設定を追加します。

MacOS の場合: ~/Library/Application Support/Claude/claude_desktop_config.json Windows の場合: %APPDATA%/Claude/claude_desktop_config.json

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

ウィンドサーフィンの構成

これを./codeium/windsurf/model_config.jsonに追加します:

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

カーソルの設定

これを.cursor/mcp.jsonに追加します:

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

開発とデバッグ

地域開発

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

npm install

サーバーを構築します。

npm run build

デバッグ

MCPサーバーはstdio経由で通信するため、デバッグが困難になる場合があります。デバッグにはMCP Inspectorの使用をお勧めします。

npm run inspector

インスペクターはブラウザでデバッグツールにアクセスするための URL を提供し、次の操作が可能になります。

MCP通信を監視する
ツールの呼び出しと応答を検査する
サーバーの動作をデバッグする
リアルタイムログを表示する

ライセンス

MIT ライセンス - このプロジェクトはご自由にご自身の目的でご利用ください。

貢献

貢献を歓迎します！お気軽にプルリクエストを送信してください。

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 ツールでの自然言語対話を通じて Shadcn UI コンポーネントとブロックを検出、インストール、管理できるようにするモデル制御プロトコルサーバー。

Related MCP Servers

Metabase MCP Server
sazboxai
-
security
F
license
-
quality
A Model Control Protocol server that enables AI assistants to interact with Metabase databases, allowing models to explore database schemas, retrieve metadata, visualize relationships, and execute actions.
Last updated -
4
Python
shadcn-ui MCP Server
ymadd
A
security
A
license
A
quality
Helps AI assistants access shadcn/ui component documentation and examples through a TypeScript-based MCP server that provides reference information for component details, usage examples, and search capabilities.
Last updated -
4
320
57
JavaScript
MIT License
SupaUI MCP Server
buoooou
A
security
F
license
A
quality
A Model Context Protocol server that enables AI agents to generate, fetch, and manage UI components through natural language interactions.
Last updated -
3
680
4
TypeScript
Blender Open MCP
dhakalnirajan
-
security
F
license
-
quality
A server that integrates Blender with local AI models via the Model Context Protocol, allowing users to control Blender using natural language prompts for 3D modeling tasks.
Last updated -
43
Python

View all related MCP servers

Shadcn UI MCP Server