A Model Context Protocol (MCP) は、最新の API を使用して、AntV のドキュメントコンテキストとコード例を提供する AI 開発と QA 用に設計されたサーバーです。

G2、G6、F2 のライブラリをサポートし、S2、X6、L7、その他(AVA、ADC、Gを含む) の宣言的な視覚化ワークフローをサポートします。

✨ 機能

• ✅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クライアント。

カーソルに接続

[Settings→Cursor Settings→[MCP]→[[Add new global MCP server]]に移動します

窓システム:

VSCode に接続する

次の設定をVSCode ~/.vscode/mcp.jsonに貼り付けると、推奨されるアプローチになります。

またはコマンドラインの設定

🧪 例ワークフロー

MCP Server AntV

A Model Context Protocol (MCP) server designed for AI development and QA that provides AntV documentation context and code examples using the latest APIs.

Supports G2, G6, and F2 libraries for declarative visualization workflows, with S2, X6, L7, and more (including AVA, ADC, and G) coming soon.

✨ Features

• ✅ AntV 5.x Compatibility: Leverages the latest APIs for performance and modularity.
• 🧩 Multi-Library Support: G2 (2D charts), G6 (graph/networks), and F2 (mobile charts).
• 🔍 Smart Intent Extraction: Detects library usage and task complexity via extract_antv_topic.
• 📚 Contextual Documentation: Fetches relevant AntV docs and code snippets with query_antv_document.

🛠️ Quick Start

Requirements

• Node.js >= v18.0.0
• Cursor, VSCode, Cline, Claude Desktop or another MCP Client.

Connect to Cursor

Go to: Settings -> Cursor Settings -> MCP -> Add new global MCP server

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

On Window system:

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

Connect to VSCode

Pasting the following configuration into your VSCode ~/.vscode/mcp.json file is the recommended approach.

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

or command-line configuration

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

🧪 Example Workflow

An example workflow: