amCharts 5 MCP サーバー

MCP (Model Context Protocol) サーバーは、AI アシスタントが amCharts 5 のナレッジベース全体（140 以上のドキュメントページ、280 以上のコード例、1,000 以上のクラス API リファレンス）にオンデマンドでアクセスできるようにします。

Claude Code、Claude Desktop、Cursor、Windsurf、VS Code + GitHub Copilot、その他 MCP 対応の AI ツールで動作します。

なぜこれが必要なのか？

amCharts のリファレンス全体を AI のコンテキストウィンドウに読み込む代わりに、この MCP サーバーを使用することで、AI は必要な情報だけを正確にクエリできます（特定のチャートタイプの参照、コード例、API 検索など）。これにより、コンテキストの無駄を省き、より良い回答を得ることができます。

Related MCP server: Dedalus MCP Documentation Server

クイックスタート

Claude Code

すべてのプロジェクト用（グローバル、推奨）:

claude mcp add -s user amcharts5 -- npx -y @amcharts/amcharts5-mcp

現在のプロジェクトのみ用:

claude mcp add amcharts5 -- npx -y @amcharts/amcharts5-mcp

Claude Desktop

claude_desktop_config.json に以下を追加します:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Cursor

プロジェクトルートに .cursor/mcp.json を作成または編集します（グローバルな場合は ~/.cursor/mcp.json）:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json を編集します:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

VS Code + GitHub Copilot

ワークスペースに .vscode/mcp.json を作成または編集します:

{
  "servers": {
    "amcharts5": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

その他の MCP 対応ツール

MCP をサポートするその他のツール（Cline、Continue、Amazon Q、Zed など）の場合は、以下を実行するように設定してください:

npx -y @amcharts/amcharts5-mcp

ローカルで実行（開発用）

git clone https://github.com/amcharts/amcharts5-mcp.git
cd amcharts5-mcp
npm install
npm start

利用可能なツール

使用例

接続すると、AI アシスタントは以下のようなことができます:

• 「円グラフを作って」 → AI が get_quick_start("pie") を呼び出し、テンプレートを適応させる

• 「日付軸のラベルをフォーマットするには？」 → AI が search_all("date axis label format") を呼び出す

• 「サンキーダイアグラムの例を見せて」 → AI が get_example("examples/flow/sankey-diagram") を呼び出す

• 「XYChart はどのような設定をサポートしていますか？」 → AI が get_doc("reference/xychart") を呼び出す

• 「React と統合するにはどうすればいいですか？」 → AI が get_doc("getting-started/integrations/react") を呼び出す

• 「どのようなチャートタイプが利用可能ですか？」 → AI が list_chart_types() を呼び出す

コンテンツ

このサーバーには 1,500 以上のドキュメントが含まれています:

• 140 以上のドキュメントページ — 入門ガイド、チャートガイド、コンセプト（テーマ、イベント、アダプター、データバインディング、アニメーション、アクセシビリティなど）、フレームワーク統合ガイド（React、Angular、Vue、Next.js、Svelte など）

• 280 以上のコード例 — 16 カテゴリにわたる動作デモ（カラム/バー、ライン/エリア、円/ドーナツ、マップ、階層、フロー、レーダー/ポーラー、ストック、ゲージ、ガント、タイムラインなど）

• 1,000 以上のクラス API リファレンス — amCharts 5 ライブラリ内のすべてのクラス（設定、プロパティ、メソッド、イベント、継承チェーンを含む）

• 厳選されたスキルリファレンス — amCharts 5 AI Skill からのクイックスタートテンプレートとチャート固有のガイド

ライセンス

MIT