mcp-server-chart vs webclaw

并排对比，帮你在这两个 MCP server 之间做选择。

	mcp-server-chart by antvis	webclaw by kuroko1t
Stars	★ 4,068	★ 18
30天用量	10,239	—
综合分	84	45
官方	—	—
分类	AI / LLM 工具开发者工具效率工具	浏览器自动化开发者工具效率工具
实现语言	TypeScript	TypeScript
最近提交	本月	2 个月前

mcp-server-chart · 概述

使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。

webclaw · 概述

WebClaw 是一个基于 Chrome 扩展的 MCP 服务器，通过 WebSocket 连接让 AI 助手控制真实的 Chrome 浏览器会话。

mcp-server-chart · 使用场景

数据分析师从数据集中创建可视化报告
AI 助手根据用户请求生成自定义图表
Web 应用通过 HTTP API 嵌入可视化功能

webclaw · 使用场景

使用 AI 助手自动化网页测试和 QA 工作流
使用现有认证会话进行跨平台网页抓取
AI 驱动的网页应用 UI 自动化和任务完成

mcp-server-chart · 安装

安装

全局安装：

npm install -g @antv/mcp-server-chart

对于桌面应用（如 Claude Desktop、VSCode）：

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

Windows 系统：

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

webclaw · 安装

安装

1. 配置您的 MCP 客户端

Claude Desktop

添加到 claude_desktop_config.json：

{
  "mcpServers": {
    "webclaw": {
      "command": "npx",
      "args": ["-y", "webclaw-mcp"]
    }
  }
}

其他客户端

# Claude Code
claude mcp add webclaw -- npx -y webclaw-mcp

# Cursor / VS Code / Windsurf
# 添加到相应的 MCP 配置文件中：
{
  "mcpServers": {
    "webclaw": {
      "command": "npx",
      "args": ["-y", "webclaw-mcp"]
    }
  }
}

2. 加载 Chrome 扩展

下载最新的 [webclaw-extension.zip](https://github.com/kuroko1t/webclaw/releases/latest)
打开 chrome://extensions/ → 启用 **开发者模式**
点击 **加载解压的扩展程序** → 选择 dist/ 文件夹

对比内容由 README + GitHub 公开数据自动生成，定期更新。