MCP Server Antv

🚀 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.

This server supports G2, G6, and F2 libraries for declarative visualization workflows, and support for S2, X6, and L7 is on the way～

✨ Features

• ✅ AntV 5.x Compatibility: Utilize the latest APIs to enhance performance and modularity.
• 🧩 Multi-Library Support: Support G2 (2D charts), G6 (graph/networks), and F2 (mobile charts).
• 🔍 Smart Intent Extraction: Detect library usage and task complexity through extract_antv_topic.
• 📚 Contextual Documentation: Retrieve relevant AntV documentation and code snippets using query_antv_document.

🚀 Quick Start

Requirements

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

Connect to Cursor

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

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

On Windows system:

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

Connect to VSCode

It is recommended to paste the following configuration into your VSCode ~/.vscode/mcp.json file.

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

Or use command-line configuration:

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

💻 Usage Examples

Basic Usage

Here is an example workflow.

📚 Documentation

🔧 Contributing

Clone the repository:

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

Install dependencies:

npm install

Build the server:

npm run build

Start the MCP server:

npm run start

📄 License

MIT@AntV.