MCP Server Antv

🚀 MCP Server AntV

MCP Server AntVは、AI開発とQAに特化したModel Context Protocol (MCP) サーバーです。最新のAPIを用いて、AntVのドキュメントコンテキストとコード例を提供します。G2、G6、F2ライブラリをサポートし、宣言的なビジュアライゼーションワークフローを実現します。また、S2、X6、L7のサポートも予定されています。

✨ 主な機能

• ✅ AntV 5.x互換性：最新のAPIを活用し、パフォーマンスとモジュール性を向上させます。
• 🧩 複数ライブラリサポート：G2（2Dチャート）、G6（グラフ/ネットワーク）、F2（モバイルチャート）をサポートします。
• 🔍 スマートな意図抽出：extract_antv_topicを通じて、ライブラリの使用状況とタスクの複雑度を検出します。
• 📚 コンテキストドキュメント：query_antv_documentで関連するAntVのドキュメントとコードスニペットを取得します。

🚀 クイックスタート

必要条件

• Node.js >= v18.0.0
• Cursor、VSCode、Cline、Claude Desktopまたはその他のMCPクライアント

Cursorへの接続

以下の手順で接続します：設定 -> Cursor設定 -> MCP -> 新しいグローバルMCPサーバーを追加

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

Windowsシステムの場合：

{
  "mcpServers": {
    "mcp-server-antv": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@antv/mcp-server-antv"]
    }
  }
}

VSCodeへの接続

推奨方法は、次の設定をVSCodeの~/.vscode/mcp.jsonファイルに貼り付けることです。

{
  "servers": {
    "mcp-server-antv": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-antv"]
    }
  }
}

または、コマンドラインでの設定も可能です。

code --add-mcp "{\"name\":\"mcp-server-antv\",\"command\": \"npx\",\"args\": [\"-y\",\"@antv/mcp-server-antv\"]}"

💻 使用例

基本的な使用法

このサーバーの基本的な使い方は、上記のクイックスタートセクションで説明されている通り、CursorやVSCodeなどのクライアントに接続することです。

高度な使用法

高度なシナリオでは、extract_antv_topicとquery_antv_documentを活用して、より詳細な情報を取得できます。

📚 ドキュメント

ツール概要

🔧 技術詳細

貢献方法

リポジトリをクローンします。

git clone https://github.com/antvis/mcp-server-chart.git
cd mcp-server-chart

依存関係をインストールします。

npm install

サーバーをビルドします。

npm run build

MCPサーバーを起動します。

npm run start

📄 ライセンス

MIT@AntV