Shadcn UI MCP サーバー

Integrations

Supports using Bun as a package manager when installing shadcn/ui components and blocks
Integrates with Windsurf (part of Codeium) through MCP configuration
Supports using npm as a package manager when installing shadcn/ui components and blocks

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 ライセンス - このプロジェクトはご自由にご自身の目的でご使用ください。

貢献

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

You must be authenticated.

security – no known vulnerabilities

license - not found

quality - confirmed to work

Tools

互換性のある AI ツールでの自然言語による対話を通じて、ユーザーが Shadcn UI コンポーネントとブロックを検出、インストール、管理できるようにするモデル制御プロトコルサーバー。

Related MCP Servers

Command Executor MCP Server
Sunwood-ai-labs
A
security
F
license
A
quality
A Model Context Protocol server that allows secure execution of pre-approved commands, enabling AI assistants to safely interact with the user's system.
Last updated -
1
3
18
JavaScript
Godot MCP
Coding-Solo
-
security
A
license
-
quality
A Model Context Protocol server that enables AI assistants to interact with the Godot game engine, allowing them to launch the editor, run projects, capture debug output, and control project execution.
Last updated -
62
JavaScript
MIT License
MCP Toolkit
zxfgds
-
security
F
license
-
quality
A comprehensive Model Context Protocol server implementation that enables AI assistants to interact with file systems, databases, GitHub repositories, web resources, and system tools while maintaining security and control.
Last updated -
16
TypeScript
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 -
2
Python

View all related MCP servers

Shadcn UI MCP Server