MCP Catalogs
首页

mcp-server-chart vs vibetest-use

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

mcp-server-chart
by antvis
vibetest-use
by browser-use
Stars★ 4,068★ 793
30天用量10,239
综合分8449
官方
分类
AI / LLM 工具开发者工具效率工具
浏览器自动化开发者工具可观测性
实现语言TypeScriptPython
最近提交本月9 个月前

mcp-server-chart · 概述

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

vibetest-use · 概述

使用 Browser-Use 代理进行自动化 QA 测试的 MCP 服务器,可发现 UI 错误和可访问性问题。

mcp-server-chart · 使用场景

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

vibetest-use · 使用场景

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

vibetest-use · 安装

# 安装依赖项
uv venv
source .venv/bin/activate
uv pip install -e .

# 安装浏览器
playwright install chromium --with-deps --no-shell

# 对于 Claude Code
claude mcp add vibetest /full/path/to/vibetest-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_api_key"

# 对于 Cursor(添加到配置)
{
  "mcpServers": {
    "vibetest": {
      "command": "/full/path/to/vibetest-use/.venv/bin/vibetest-mcp",
      "env": {
        "GOOGLE_API_KEY": "your_api_key"
      }
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。