Jpisnice/shadcn-ui-mcp-server

何を解決するか

このプロジェクトは、AIアシスタントがshadcn/ui v4のコンポーネント、ブロック、メタデータをReact、Svelte、Vue、React Nativeの各フレームワーク across で直接アクセスできるようにする方法を提供します。AIがコンポーネントのコードを推測したり、誤ったコードを生成したりする必要がなくなり、最新のソースコード、デモ、メタデータに直接アクセスできるようになります。

動作方法

これはModel Context Protocol (MCP) サーバーとして実装されています。GitHubに接続して、shadcn/uiの最新のTypeScriptソースコード、ブロック、実装パターンを取得します。標準入出力（stdio）およびServer-Sent Events（SSE）の複数のトランスポートモードをサポートしており、Dockerを用いたプロダクション環境へのデプロイも可能です。

対象ユーザー

Claude Desktop、Cursor、VS CodeなどのAI駆動のコーディングアシスタントを使用し、異なるフレームワークでshadcn/uiエコシステムを用いてUIを開発したい開発者。

主な特徴

• マルチフレームワーク対応: React、Svelte、Vue、React Nativeの実装を提供。
• 包括的なアクセス: ソースコード、コンポーネントのデモ、完全なブロック（ダッシュボードやフォームなど）を取得可能。
• 柔軟なデプロイ: 標準入出力、複数クライアント向けのServer-Sent Events（SSE）、Dockerコンテナ化をサポート。
• スマートキャッシュ: GitHub APIとの統合とレート制限の処理を備えており、効率的なデータ取得を実現。