Shadcn UI MCP Server

shadcn/uiコンポーネントをAIアシスタントに提供するMCPサーバー

shadcn/ui v4のコンポーネント、ブロック、デモにAIがアクセスできるMCPサーバー。React、Svelte、Vue、React Nativeの実装をサポートし、AIパワーの開発ワークフローを加速します。

Author: Jpisnice

Stars: 2,748

GitHub

Install: npx @jpisnice/shadcn-ui-mcp-server --github-api-key YOUR_TOKEN

主な機能

• shadcn/ui v4の全コンポーネントとブロックへのAIアクセス
• React、Svelte、Vue、React Native実装の提供
• コンポーネントのソースコードとデモへのアクセス
• スマートキャッシング機構による高速応答
• Docker対応による簡単なデプロイメント
• コンポーネントメタデータの構造化提供

想定ユースケース

• AIアシスタントの開発補助 — AIが正確なshadcn/uiコンポーネント実装をリアルタイムで提案し、開発時間を短縮します。
• マルチフレームワーク対応プロジェクト — React/Svelte/Vue/React Nativeの異なるフレームワークで統一されたコンポーネント設計を実現します。
• 設計システムの自動ドキュメント化 — AIがコンポーネントのソースコードと使用例から自動的にドキュメントを生成できます。
• UIコンポーネント選択の最適化 — AIが利用可能なコンポーネントとその実装パターンを理解し、最適な選択を提案します。