mcp-server-chart vs puppeteer-mcp-server
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | puppeteer-mcp-server by sultannaufal | |
|---|---|---|
| Stars | ★ 4,068 | ★ 19 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 42 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 浏览器自动化网页抓取开发者工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 6 个月前 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
puppeteer-mcp-server · 概述
自托管 Puppeteer MCP 服务器，提供浏览器自动化工具，支持多种传输方式和 API 密钥认证。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
puppeteer-mcp-server · 使用场景
- Web 应用程序的自动化测试和截图
- 动态网站的网络爬虫和数据提取
- 自动化表单填写和 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"]
}
}
}puppeteer-mcp-server · 安装
安装
使用 Docker（推荐）
# 克隆仓库
git clone https://github.com/sultannaufal/puppeteer-mcp-server.git
cd puppeteer-mcp-server
# 创建包含 API 密钥的 .env 文件
echo "API_KEY=your-secure-api-key-here" > .env
# 使用 Docker Compose 启动
docker compose --env-file .env up -d手动安装
# 前置条件：Node.js 18+，npm 8+
npm install
npm run build
npm startClaude Desktop 配置
添加到你的 Claude Desktop config.json：
{
"mcpServers": {
"puppeteer": {
"command": "node",
"args": ["dist/server.js"],
"env": {
"API_KEY": "your-api-key"
}
}
}
}