MCP Catalogs
首页

mcp-server-chart vs open-claude-in-chrome

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

mcp-server-chart
by antvis
open-claude-in-chrome
by noemica-io
Stars★ 4,068★ 89
30天用量10,239
综合分8447
官方
分类
AI / LLM 工具开发者工具效率工具
浏览器自动化开发者工具AI / LLM 工具
实现语言TypeScriptJavaScript
最近提交本月本月

mcp-server-chart · 概述

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

open-claude-in-chrome · 概述

开源Chrome扩展,通过MCP协议与Claude Code协同,实现无限制浏览器自动化。

mcp-server-chart · 使用场景

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

open-claude-in-chrome · 使用场景

  • 在官方Claude扩展屏蔽的网站上执行自动化操作
  • 跨多个Chromium浏览器(Chrome、Edge、Brave等)实现浏览器自动化
  • 让Claude能够访问并交互金融、约会和其他受限网站

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

open-claude-in-chrome · 安装

安装

  1. 克隆并安装依赖:
cd host
npm install
cd ..
  1. 在浏览器中加载扩展:
  • 访问 chrome://extensions(或其他浏览器对应地址)
  • 启用开发者模式
  • 点击"加载已解压的扩展程序"并选择 extension/ 目录
  • 复制扩展ID
  1. 注册本地消息:
./install.sh <your-extension-id>
  1. 添加到Claude Code:
claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
对比内容由 README + GitHub 公开数据自动生成,定期更新。