MCP Catalogs
首页

mcp-server-chart vs mcp-server

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

mcp-server-chart
by antvis
mcp-server
by browserstack
Stars★ 4,068★ 139
30天用量10,239
综合分8448
官方
分类
AI / LLM 工具开发者工具效率工具
浏览器自动化开发者工具AI / LLM 工具
实现语言TypeScriptTypeScript
最近提交本月本月

mcp-server-chart · 概述

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

mcp-server · 概述

BrowserStack 的 MCP 服务器,提供在真实设备和浏览器上进行全面测试以及 AI 驱动的测试管理功能。

mcp-server-chart · 使用场景

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

mcp-server · 使用场景

  • 跨多个浏览器和设备进行 Web 应用自动化测试
  • 在真实设备上调试移动应用崩溃问题
  • 使用自然语言生成和管理测试用例

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

mcp-server · 安装

安装

前提条件

  • Node.js 版本 >= 18.0 (推荐 v22.15.0 LTS)
  • BrowserStack 账户及访问密钥

Claude Desktop 配置

添加到 ~/claude_desktop_config.json:

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<用户名>",
        "BROWSERSTACK_ACCESS_KEY": "<访问密钥>"
      }
    }
  }
}

VSCode 配置

创建 .vscode/mcp.json:

{
  "servers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<用户名>",
        "BROWSERSTACK_ACCESS_KEY": "<访问密钥>"
      }
    }
  }
}

还支持通过 browserstack.com/one-click-setup 为 VSCode 和 Cursor 提供一键安装

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