QuasarUI について
QuasarUI MCP Serverは、AIクライアントがQuasar Framework(Vue)のコンポーネントを検索し、ソースコードを取得できるサービスです。無料コンポーネントはキー不要で、有料分には対象アカウントとアクセスキーが必要です。
主な機能
- 01ブロックとコンポーネント数の一覧
- 02説明によるコンポーネント検索
- 03コンポーネントのソース取得
- 04プロジェクト設定ガイド
- 05無料または対象の有料コンポーネントへのアクセス
活用シーン
- 01料金表やログインフォームの検索
- 02選んだコンポーネントのプロジェクトへの追加
- 03追加前の設定手順の確認
MCP 対応
ホスト型MCPサーバーは、ブロックとコンポーネントの一覧、カタログ検索、ソース取得、設定ガイドのツールを提供します。有料コンポーネントのコード取得にはアクセスキーが必要です。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://www.quasarui.com/mcpclaude mcp add --transport http com-quasarui https://www.quasarui.com/mcp{"mcpServers":{"com-quasarui":{"type":"http","url":"https://www.quasarui.com/mcp"}}}Cursor で開く{"servers":{"com-quasarui":{"type":"http","url":"https://www.quasarui.com/mcp"}}}VS Code で開く{"mcpServers":{"com-quasarui":{"type":"http","url":"https://www.quasarui.com/mcp"}}}{"mcpServers":{"com-quasarui":{"serverUrl":"https://www.quasarui.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://www.quasarui.com/mcp認証が必要ツール
詳細
QuasarUI MCP Server
AI アシスタントが、Quasar Framework(Vue)向けの QuasarUI コンポーネントを見つけて、そのソースをプロジェクトに貼り付けられるようにします。
「月間と年間を切り替えられる料金表」と頼むと、アシスタントがカタログを検索して、該当するコンポーネントを選び、そのコードを貼り付けます。
- キーなし: すべての無料コンポーネントを利用できます。アカウントは不要です。
- アクセスキーあり: アカウントが All Access または Blocks Pro を利用している場合、有料コンポーネントもすべて利用できます。キーを作成。
サーバーは https://www.quasarui.com/mcp でホストされています。新しいコンポーネントは公開されるとすぐに利用できるため、ここで何かを更新する必要はありません。
クライアントを接続する
YOUR_ACCESS_KEY を自分のキーに置き換えるか、無料コンポーネントのみを利用する場合はキーを省略してください。
Claude Code
claude mcp add --transport http quasarui https://www.quasarui.com/mcp --header "Authorization: Bearer YOUR_ACCESS_KEY"
Cursor
~/.cursor/mcp.json、またはプロジェクト内の .cursor/mcp.json に追加します。
{
"mcpServers": {
"quasarui": {
"url": "https://www.quasarui.com/mcp",
"headers": { "Authorization": "Bearer YOUR_ACCESS_KEY" }
}
}
}
Claude Desktop およびその他の stdio クライアント
ローカルサーバーしか起動できないクライアントでは、ホストされたサーバーに転送するこのパッケージを使用できます。
{
"mcpServers": {
"quasarui": {
"command": "npx",
"args": ["-y", "quasarui-mcp"],
"env": { "QUASARUI_ACCESS_KEY": "YOUR_ACCESS_KEY" }
}
}
}
Docker
docker build -t quasarui-mcp .
docker run -i --rm -e QUASARUI_ACCESS_KEY=YOUR_ACCESS_KEY quasarui-mcp
ツール
| ツール | 説明 |
|---|---|
list_blocks | すべてのブロックと、それぞれのコンポーネント数を一覧表示します |
list_components | ブロック内のコンポーネントを一覧表示し、それぞれが無料か有料かを示します |
search_components | 「ログインフォーム」や「サイドバー」など、内容に基づいてコンポーネントを検索します |
get_component | コンポーネントのソースを返します |
get_setup_guide | プロジェクトのセットアップ方法と、コンポーネントの貼り付け方法を説明します |
アクセス権がない状態で有料コンポーネントをリクエストすると、プレビューリンクと利用を解除する方法が返されます。コードが返されることはありません。
制限とエラー
- 各 IP アドレスと各アクセスキーは、1 分あたり 60 件のリクエストを実行できます。上限を超えると、サーバーはしばらくの間 429 を返します。
- キーが間違っている、取り消されている、または形式が不正な場合は、401 が返されます。不正なキーの場合、サーバーが無料コンポーネントに切り替えることはありません。
ライセンス
このリポジトリ内のコードは MIT ライセンスです。サーバーが返すコンポーネントには、QuasarUI ライセンスが適用されます。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。