Jpisnice/shadcn-ui-mcp-server

何を解決するか

shadcn/ui v4 コンポーネントを AI ベースの開発ワークフローに統合する手間を軽減します。手動でコンポーネントのコードを検索してコピーする必要がなくなり、AI アシスタントが複数のフレームワークで最新のソースコード、デモ、メタデータに直接アクセスして取得できます。

動作方法

このプロジェクトは、AI アシスタント（Claude Desktop や Cursor など）と shadcn/ui エコシステムの間を橋渡しする Model Context Protocol (MCP) サーバーです。GitHub に接続して TypeScript ソースコード、ブロック、設定情報を取得します。標準入出力（stdio）やプロダクションデプロイ向けのストリーミング HTTP エンドポイントといった複数のトランスポートモードをサポートしており、GitHub API のレート制限に対応するスマートなキャッシュ機能も備えています。

対象ユーザー

AI アシスタントを使って UI を構築している開発者で、shadcn/ui、shadcn-svelte、shadcn-vue、または react-native-reusables のコンポーネントを迅速に実装したい方。

主な特徴

• マルチフレームワーク対応: React、Svelte、Vue、React Native の実装にアクセス可能。
• 包括的なアクセス: コンポーネントのソースコード、例題デモ、完全なブロック（ダッシュボードやフォームなど）を取得可能。
• 柔軟なデプロイ: npx、Docker、またはステートレスな HTTP サーバーとして実行可能。
• スマートなツール機能: コンポーネント名やパッケージマネージャーの引数補完をサポートし、2026-07-28 MCP 標準仕様にも対応。