AM

antvis/mcp-server-antv

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

40 stars 7 forks 质量 75 趋势 12MIT

🧑🏻 💻 @antvis可视化开发的MCP服务器,为可视化开发者提供文档上下文和示例。

概览

一款专为AI开发和质量保证设计的服务器,利用最新的API提供文档、上下文和代码示例。 支持、以及用于声明式可视化工作流程的库,未来将有、、及更多(包括、、和)的资料。 - ✅ : 利用最新的 API 实现性能和模块化。- 🧩 : G2(二维图表)、G6(图表/网络)和 F2(移动图表)。- 🔍 : 通过extract_antv_topic检测库使用情况和任务复杂度。- 📚 : 获取相关的 AntV 文档和代码片段,并带有 query_antv_document。 - Node.js >= v18.0.0 - 光标、VSCode、Cline、Claude Desktop 或其他 MCP 客户端。 前往:设置 -> 光标设置 -> MCP -> 添加新的全局MCP服务器 推荐方法是将以下配置粘贴到你的VSCode ~/.vscode/mcp.json文件中。

概述(AI 翻译)

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

支持 G2、G6 和 F2 库用于声明式可视化工作流,S2、X6、L7 等(包括 AVA、ADC 和 G)即将推出。

✨ 特色

  • ✅ AntV 5.x 兼容性:利用最新的 API 提升性能和模块化。
  • 🧩 多库支持:G2(二维图表)、G6(图表/网络)和F2(移动图表)。
  • 🔍 智能意图提取:通过extract_antv_topic检测库使用情况和任务复杂度。
  • 📚 上下文文档:获取相关的AntV文档和代码片段,带有query_antv_document。

🛠️ 快速启动

要求

  • Node.js >= v18.0.0
  • 光标、VSCode、Cline、Claude Desktop 或其他 MCP 客户端。

连接光标

前往:Settings -> Cursor Settings -> MCP -> Add new global MCP server

在Windows系统上:

连接VSCode

推荐的方法是将以下配置粘贴到你的 VSCode ~/.vscode/mcp.json 文件中。

或命令行配置

🧪 示例工作流程

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

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:

在 GitHub 查看完整 README

安装

npx -y @antv/mcp-server-antv
新手?先看 mcpskill.org 教程 →

配置

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