Fumadocs MCP

🚀 Fumadocs MCP Server

AIツールにFumadocsのドキュメントへのアクセスを提供するMCP（Model Context Protocol）サーバーです。これにより、AIアシスタントがFumadocsを既存のプロジェクトに統合するのを支援することが容易になります。

✨ 主な機能

• ドキュメント検索 - キーワードで関連するドキュメントを見つける
• トピック閲覧 - ドキュメントのセクションを探索する
• ページ取得 - 任意のドキュメントページの全内容を取得する
• セットアップガイド - フレームワーク固有のインストール手順を取得する
• コンポーネントドキュメント - プロパティと例を含むUIコンポーネントのドキュメントを取得する

📦 インストール

npxを使用する（推奨）

npx fumadocs-mcp

グローバルインストール

npm install -g fumadocs-mcp
fumadocs-mcp

ソースからインストール

git clone https://github.com/k4cper-g/fumadocs-mcp
cd fumadocs-mcp
npm install
npm run build

📚 ドキュメント

Claude Desktop

Claude Desktopの設定ファイルに追加します。 macOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "fumadocs": {
      "command": "npx",
      "args": ["fumadocs-mcp"]
    }
  }
}

または、ソースからインストールした場合は以下のようにします。

{
  "mcpServers": {
    "fumadocs": {
      "command": "node",
      "args": ["/path/to/fumadocs-mcp/build/index.js"]
    }
  }
}

Claude Code

Claude Desktopで設定すると、MCPは自動的に利用可能になります。

利用可能なツール

list_topics

利用可能なドキュメントセクションとトピックを閲覧します。

パラメータ:
- section (オプション): "all" | "cli" | "headless" | "framework" | "mdx" | "ui"

search_docs

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

パラメータ:
- query (必須): 検索クエリ文字列
- section (オプション): 特定のセクションに絞り込む

get_page

ドキュメントページの全内容を取得します。

パラメータ:
- path (必須): ドキュメントのパス (例: "/docs/manual-installation/next")

get_setup_guide

既存のプロジェクトにFumadocsを追加するための完全なセットアップガイドを取得します。

パラメータ:
- framework (必須): "next" | "react-router" | "tanstack-start" | "waku"
- includeUI (オプション): UIのセットアップ手順を含めるかどうか (デフォルト: true)

get_component

特定のUIコンポーネントのドキュメントを取得します。

パラメータ:
- component (必須): コンポーネント名 (例: "accordion", "tabs", "codeblock")

💻 使用例

設定が完了すると、Claudeに以下のような質問をすることができます。

• "既存のNext.jsプロジェクトにFumadocsを追加するにはどうすればいいですか？"
• "FumadocsでTabsコンポーネントを使う方法を教えてください"
• "国際化に関するドキュメントを検索してください"
• "Fumadocs UIで利用可能なコンポーネントは何ですか？"

🔧 開発

# 依存関係のインストール
npm install

# ビルド
npm run build

# 開発モードで実行
npm run dev

# MCPインスペクターでテスト
npm run inspector

📄 ライセンス

MIT