AIBase
JA
たんさく
Shadcn Ui MCP Server
S

Shadcn Ui MCP Server

AIワークフローにshadcn/uiコンポーネントの統合を提供するMCPサーバーで、React、Svelte、Vueフレームワークをサポートし、コンポーネントのソースコード、使用例、メタデータへのアクセス機能を備えています。
開発者ツール教育と学習ツール#UIコンポーネント#多フレームワーク#AI統合#コード生成.TypeScript
5ポイント
14.5K
サイトを開く

概要

ツールリスト

コンテンツ詳細

代替品

Shadcn UI MCPサーバーとは?

これはAI開発ワークフロー向けに特別に設計されたサービスで、shadcn/uiコンポーネントライブラリへの完全なアクセスを提供します。AIアシスタントが直接コンポーネントのソースコード、実装例、関連するメタデータを取得できるようにし、開発者がより効率的にユーザーインターフェイスを構築できるよう支援します。

Shadcn UI MCPサーバーの使い方は?

簡単なコマンドラインツールでサーバーを起動し、好みのフロントエンドフレームワーク(React/Svelte/Vue)を設定するだけで、shadcn/uiコンポーネントのクエリと使用を開始できます。

適用シナリオ

AI支援開発、迅速なプロトタイプ設計、複数のフレームワークのコンポーネント比較、教育学習シナリオに特に適しています。開発者はAIアシスタントを通じて、プロジェクトの要件に合ったUIコンポーネントのコードを直接取得できます。

主要機能

多フレームワークサポート
React、Svelte、Vueの3つの人気フロントエンドフレームワークのコンポーネント実装を同時に提供します。
コンポーネントのソースコード
最新のshadcn/uiコンポーネントの完全なTypeScriptソースコードを直接取得できます。
コンポーネントの使用例
既存の使用例とベストプラクティスのコードを提供します。
完全なブロック
ダッシュボード、フォームなどの事前構築された完全なUIブロックを取得できます。
メタデータアクセス
コンポーネントの依存関係、構成パラメータ、詳細な説明を照会できます。
利点
コンポーネントのコードを手動で検索してコピーする時間を大幅に削減します。
コンポーネントのコードを公式ライブラリと同期して更新します。
複数のフレームワークをサポートし、さまざまなプロジェクトの要件を満たします。
スマートキャッシュメカニズムにより応答速度を向上させます。
制限
無料版ではAPI呼び出し回数に制限があります(60回/時間)
完全な機能を利用するにはGitHubトークンが必要です
現在はshadcn/uiエコシステムのみをサポートしています

使い方

GitHubアクセストークンを取得する
GitHubの設定ページにアクセスして個人用アクセストークンを生成します(特別な権限は不要です)
サーバーをインストールする
npmまたはnpxを使用してサーバーをグローバルにインストールするか、直接実行します
フレームワークの好みを設定する
コマンドライン引数で使用するフロントエンドフレームワークを選択します
開発環境に統合する
ドキュメントに従ってサーバーをIDEまたはAI開発ツールに接続します

使用例

AI支援によるコンポーネント生成
AIアシスタントにあなたの要件に基づいてshadcn/uiスタイルのコンポーネントコードを自動生成させます
多フレームワーク比較学習
同じコンポーネントの異なるフレームワークでの実装方法を同時に確認できます
迅速なプロトタイプ開発
完全なUIブロックを取得して、プロジェクトのプロトタイプ開発を加速します

よくある質問

なぜGitHubトークンが必要なのですか?
コンポーネントライブラリのバージョンを更新するにはどうすればいいですか?
どのコードエディターをサポートしていますか?
レート制限エラーが発生したらどうすればいいですか?

関連リソース

公式ドキュメント
完全な技術ドキュメントとAPIリファレンス
shadcn/ui公式サイト
Reactコンポーネントライブラリの公式ウェブサイト
shadcn-svelte
Svelte実装版
shadcn-vue
Vue実装版
MCPプロトコル仕様
Model Context Protocolの技術仕様

インストール

以下のコマンドをクライアントにコピーして設定
注意：あなたのキーは機密情報です。誰とも共有しないでください。

代替品

V
Vestige
Vestigeは認知科学に基づくAI記憶エンジンで、予測誤差ゲート、FSRS - 6間隔反復、記憶の夢など29の神経科学モジュールを実装することで、AIに長期記憶能力を提供します。3D可視化ダッシュボードと21のMCPツールを備え、完全にローカルで動作し、クラウドは必要ありません。
Rust
9.6K
4.5ポイント
M
Moltbrain
MoltBrainは、OpenClaw、MoltBook、Claude Code用に設計された長期記憶層プラグインで、自動的にプロジェクトのコンテキストを学習し、思い出すことができます。スマートな検索、観察記録、分析統計、永続的なストレージ機能を提供します。
TypeScript
9.2K
4.5ポイント
B
Bm.md
機能豊富なMarkdown排版ツールで、様々なスタイルテーマとプラットフォーム対応をサポートし、リアルタイム編集プレビュー、画像エクスポート、API統合機能を提供します
TypeScript
16.0K
5ポイント
S
Security Detections MCP
Security Detections MCPは、Model Context Protocolに基づくサーバーで、LLMがSigma、Splunk ESCU、Elastic、KQL形式を含む統一されたセキュリティ検出ルールデータベースをクエリできます。最新のバージョン3.0は自律型検出エンジニアリングプラットフォームにアップグレードされ、自動的に脅威インテリジェンスからTTPを抽出し、カバレッジのギャップを分析し、SIEMネイティブ形式の検出ルールを生成し、テストを実行して検証できます。プロジェクトには71以上のツール、11の事前構築されたワークフロープロンプト、および知識グラフシステムが含まれ、複数のSIEMプラットフォームをサポートしています。
TypeScript
7.9K
4ポイント
P
Paperbanana
Python
9.1K
5ポイント
B
Better Icons
20万以上のアイコンの検索と検索を提供するMCPサーバーとCLIツールで、150以上のアイコンライブラリをサポートし、AIアシスタントと開発者が迅速にアイコンを取得して使用できるように支援します。
TypeScript
8.7K
4.5ポイント
A
Assistant Ui
assistant-uiは、生産レベルのAIチャットインターフェイスを迅速に構築するためのオープンソースのTypeScript/Reactライブラリで、組み合わせ可能なUIコンポーネント、ストリーミング応答、アクセシビリティなどの機能を提供し、複数のAIバックエンドとモデルをサポートしています。
TypeScript
10.1K
5ポイント
A
Apify MCP Server
Apify MCPサーバーは、モデルコンテキストプロトコル（MCP）に基づくツールで、AIアシスタントが数千の既成のクローラー、スクレイパー、自動化ツール（Apifyアクター）を通じて、ソーシャルメディア、検索エンジン、電子商取引などのウェブサイトからデータを抽出できるようにします。OAuthとSkyfireプロキシ支払いをサポートしており、HTTPSエンドポイントまたはローカルのstdio方式でClaude、VS CodeなどのMCPクライアントに統合できます。
TypeScript
9.1K
5ポイント
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
20.6K
4.5ポイント
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
88.2K
4.7ポイント
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
26.0K
4.8ポイント
B
Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
39.7K
4.5ポイント
G
Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
25.0K
4.3ポイント
U
Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
32.2K
5ポイント
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
20.5K
5ポイント
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
33.8K
4.5ポイント
AIBase
智啓未来、あなたの人工知能ソリューションシンクタンク
English简体中文繁體中文にほんご
© 2026AIBase