mcp-server-chart vs real-browser-mcp
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | real-browser-mcp by ofershap | |
|---|---|---|
| Stars | ★ 4,068 | ★ 20 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 43 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 浏览器自动化开发者工具网页抓取 |
| 实现语言 | TypeScript | JavaScript |
| 最近提交 | 本月 | 本月 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
real-browser-mcp · 概述
MCP服务器 + Chrome扩展，让AI智能体能控制真实浏览器会话，保持现有登录和Cookie。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
real-browser-mcp · 使用场景
- AI智能体在真实浏览器环境中测试和验证代码更改
- 使用现有认证会话进行网页自动化
- AI驱动的网页应用QA测试，无需重新认证
- AI智能体进行跨浏览器测试
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"]
}
}
}real-browser-mcp · 安装
安装
1. 添加MCP服务器
**Cursor（一键安装）：** [<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor" height="32" />](cursor://anysphere.cursor-deeplink/mcp/install?name=real-browser&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsInJlYWwtYnJvd3Nlci1tY3AiXX0=)
或在Cursor设置中手动添加：Settings > MCP > "Add new MCP server":
{
"mcpServers": {
"real-browser": {
"command": "npx",
"args": ["-y", "real-browser-mcp"]
}
}
}**Claude Desktop、Windsurf或其他MCP客户端：** 编辑 ~/Library/Application Support/Claude/claude_desktop_config.json（macOS）或 %APPDATA%\Claude\claude_desktop_config.json（Windows）。添加相同的JSON块。
2. 安装Chrome扩展
[<img src="https://developer.chrome.com/static/docs/webstore/branding/image/iNEddTyWiMfLSwFD6qGq.png" alt="Available in the Chrome Web Store" height="58" />](https://chromewebstore.google.com/detail/real-browser-mcp/fkkimpklpgedomcheiojngaaaicmaidi)
或从源码加载：
git clone https://github.com/ofershap/real-browser-mcp.git
cd real-browser-mcp
open chrome://extensions
# 启用开发者模式（右上角切换）
# 点击"加载已解压的扩展程序"并选择 extension/ 文件夹3. 设置智能体
运行一个命令：
npx real-browser-mcp --setup cursor这将安装智能体规则和浏览器检查命令。