amCharts 5 MCP サーバー

Name: amCharts 5 MCP Server
Author: amcharts

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 検索など）。これにより、コンテキストの無駄を省き、より良い回答を得ることができます。

クイックスタート

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

利用可能なツール

ツール	説明
`get_core_reference`	amCharts 5 のコアドキュメントを取得 — セットアップ、テーマ、色、イベント、一般的な落とし穴
`get_chart_reference`	チャートタイプの完全なリファレンスを取得（例: "pie", "sankey", "xy"）
`list_chart_types`	利用可能なすべてのチャートタイプとキーワードを一覧表示
`search_docs`	スキルリファレンスドキュメントをキーワードで検索
`search_all`	すべてを横断検索 — スキルドキュメント、完全なドキュメント、コード例
`get_doc`	完全なドキュメントページを取得（例: "charts/xy-chart/axes", "concepts/events"）
`get_section`	リファレンスファイルから見出しを指定して特定のセクションを取得
`get_quick_start`	任意のチャートタイプの最小限の動作テンプレートを取得
`list_examples`	283 個の全例を閲覧（カテゴリによるフィルタリングも可能）
`get_example`	特定の例の完全なコードを取得

使用例

接続すると、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

amCharts 5 MCP Server