MCP Server AntV

一个专为AI开发和质量保证设计的模型上下文协议（MCP）服务器，提供使用最新API的AntV文档上下文和代码示例。

<img width="768" alt="mcp-server-antv 技术架构" src="https://gips0.baidu.com/it/u=672683572,75710743&fm=3081&app=3081&f=WEBP?w=2998&h=1226" />

支持用于声明式可视化工作流的G2、G6和F2库，以及即将推出的S2、X6、L7等（包括AVA、ADC和G）。

✨ 功能

• ✅ 兼容AntV 5.x：利用最新API提升性能和模块化。
• 🧩 多库支持：G2（二维图表）、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\"]}"

🧪 示例工作流程

一个示例工作流程：

<video src="https://github.com/user-attachments/assets/242471c6-33f5-4588-95f5-96a3f26aab21" ></video>

🧰 工具概述

工具	功能
extract_antv_topic	提取用户意图，检测库（G2/G6/F2），并推断任务复杂度。
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.