Nuxt.js Official Docs Nuxt Ecosystem

10秒で完了。Nuxt 3/4の全公式ドキュメントをあなたのAIエディタに直結

10秒で完了。このMCPサーバーを設定するだけで、AIエディタが最新のNuxt 3/4公式ドキュメントを直接参照し、ハルシネーションのない正確なコードを出力します。

接続アーキテクチャ

AIエディタからQandar MCP経由でドキュメントを参照する仕組み

AIエディタ / ツール
CursorClaude
プロトコル
stdio
Qandar MCP Bridge
npx @qandar/mcp-bridge
カタログ・仕様の取得
https://
Qandarクラウド (カタログ)
mcp.qandar.com

Qandar MCPでできること

利用可能なツール

Nuxt core MCP Server

Nuxt core MCPサーバーは、AIアシスタント向けに以下のツールを提供します:

get_nuxt_docs tool

Retrieve documentation for Nuxt core

Arguments
topic(string)— 取得するドキュメントのトピック名
search_nuxt_docs tool

Nuxt coreのドキュメントをキーワードで検索します。

Arguments
query(string)— 検索クエリ(キーワード)

Nuxt UI MCP Server

Nuxt UI MCPサーバーは、AIアシスタント向けに以下のツールを提供します:

get_nuxt_ui_docs tool

Retrieve documentation for Nuxt UI

Arguments
topic(string)— 取得するドキュメントのトピック名
search_nuxt_ui_docs tool

Nuxt UIのドキュメントをキーワードで検索します。

Arguments
query(string)— 検索クエリ(キーワード)

Nuxt Content MCP Server

Nuxt Content MCPサーバーは、AIアシスタント向けに以下のツールを提供します:

get_nuxt_content_docs tool

Retrieve documentation for Nuxt Content

Arguments
topic(string)— 取得するドキュメントのトピック名
search_nuxt_content_docs tool

Nuxt Contentのドキュメントをキーワードで検索します。

Arguments
query(string)— 検索クエリ(キーワード)

Nuxt Image MCP Server

Nuxt Image MCPサーバーは、AIアシスタント向けに以下のツールを提供します:

get_nuxt_image_docs tool

Retrieve documentation for Nuxt Image

Arguments
topic(string)— 取得するドキュメントのトピック名
search_nuxt_image_docs tool

Nuxt Imageのドキュメントをキーワードで検索します。

Arguments
query(string)— 検索クエリ(キーワード)

Nuxt i18n MCP Server

Nuxt i18n MCPサーバーは、AIアシスタント向けに以下のツールを提供します:

get_nuxt_i18n_docs tool

Retrieve documentation for Nuxt i18n

Arguments
topic(string)— 取得するドキュメントのトピック名
search_nuxt_i18n_docs tool

Nuxt i18nのドキュメントをキーワードで検索します。

Arguments
query(string)— 検索クエリ(キーワード)

Cursor・Roo Code (Cline) などのAIエディタにMCPを設定すると、AIがこれらのツールを自動的に選択・実行して回答を生成します。

公式 MCP vs Qandar MCP

このスタックに含まれるドキュメント・ライブラリのMCP対応状況の比較

ライブラリ / ドキュメント公式 MCPQandar MCP
Nuxt core
対応済み 対応済み
Nuxt UI
対応済み 対応済み
Nuxt Content
未提供 対応済み
Nuxt Image
未提供 対応済み
Nuxt i18n
未提供 対応済み
Step-by-step

AIエディタ設定手順

使用中のエディタを選択して設定してください。

Nuxt core

ルーティング、コンポーザブル、オートインポート規則など基本仕様の全ドキュメント

https://mcp.qandar.com/nuxt-docs/catalog.json
Nuxt UI

Tailwind CSS v4対応コンポーネント定義、Props、Slots等のUI実装ガイド仕様

https://mcp.qandar.com/nuxt-ui-docs/catalog.json
Nuxt Content

v3対応の queryCollection API を含むMarkdown記述規則やコンテンツ処理 API

https://mcp.qandar.com/nuxt-content-docs/catalog.json
Nuxt Image

画像最適化用コンポーネント <NuxtImg> および <NuxtPicture> の利用オプション仕様

https://mcp.qandar.com/nuxt-image-docs/catalog.json
Nuxt i18n

多言語対応ローカライズ定義、ルート設定、および翻訳ファイルの参照規則

https://mcp.qandar.com/nuxt-i18n-docs/catalog.json

JSONをコピー 0 docs

使用中のエディタを選択して設定してください。

Cursor の設定画面 → Features → MCP → 「+ Add New MCP Server」をクリック。以下のフィールドを入力して保存してください。

Name:qandar-nuxt
Type:stdio
Command:npx
Args:

Settings → Features → MCP → + Add New MCP Server

@qandar/mcp-bridge は軽量な stdio → SSE プロキシです。npx で自動的にインストールされるため、グローバルインストールは不要です。

アプリを試す

Qandar App

Qandar App では、最新ドキュメント・特定バージョンのドキュメント・プロジェクトごとに自由にカスタマイズしたドキュメントセットを利用できます。