MCP Server Antv

🚀 MCP Server AntV

MCP Server AntV 是一款專為 AI 開發與質量保證設計的 模型上下文協議（MCP） 服務器。它藉助最新的 API，提供 AntV 文檔上下文和代碼示例，支持 G2、G6 和 F2 庫進行聲明式可視化工作流，未來還將支持 S2、X6 和 L7。

🚀 快速開始

要求

• 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\"]}"

✨ 主要特性

• ✅ AntV 5.x 兼容性：利用最新的 API 提升性能和模塊化程度。
• 🧩 多庫支持：支持 G2（2D 圖表）、G6（圖/網絡）和 F2（移動圖表）。
• 🔍 智能意圖提取：通過 extract_antv_topic 檢測庫的使用情況和任務複雜度。
• 📚 上下文文檔：使用 query_antv_document 獲取相關的 AntV 文檔和代碼片段。

🧪 使用示例

一個示例工作流。

🧰 工具概述

🔨 貢獻代碼

克隆倉庫：

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 所有。