mcpField
Q
QuasarUI

QuasarUI

リモート
quasarui.com開発ツール02 日前に更新
リポジトリ公式サイト

QuasarUI について

QuasarUI MCP Serverは、AIクライアントがQuasar Framework(Vue)のコンポーネントを検索し、ソースコードを取得できるサービスです。無料コンポーネントはキー不要で、有料分には対象アカウントとアクセスキーが必要です。

主な機能

  1. 01ブロックとコンポーネント数の一覧
  2. 02説明によるコンポーネント検索
  3. 03コンポーネントのソース取得
  4. 04プロジェクト設定ガイド
  5. 05無料または対象の有料コンポーネントへのアクセス

活用シーン

  1. 01料金表やログインフォームの検索
  2. 02選んだコンポーネントのプロジェクトへの追加
  3. 03追加前の設定手順の確認

MCP 対応

ホスト型MCPサーバーは、ブロックとコンポーネントの一覧、カタログ検索、ソース取得、設定ガイドのツールを提供します。有料コンポーネントのコード取得にはアクセスキーが必要です。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://www.quasarui.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://www.quasarui.com/mcp認証が必要
パッケージ
npmquasarui-mcp1.0.0

ツール

詳細

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 ライセンスが適用されます。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。