remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Provides reference information for shadcn/ui components, including component listings, detailed documentation, usage examples, and search functionality. Scrapes and caches data from the official documentation site and GitHub repository.

shadcn-ui MCP サーバー

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

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

特徴

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

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

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

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

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

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

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

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