MCP Catalogs
首页

mcp-server-chart vs gemini-skill

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

mcp-server-chart
by antvis
gemini-skill
by WJZ-P
Stars★ 4,068★ 813
30天用量10,239
综合分8452
官方
分类
AI / LLM 工具开发者工具效率工具
AI / LLM 工具浏览器自动化效率工具
实现语言TypeScriptJavaScript
最近提交本月1 个月前

mcp-server-chart · 概述

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

gemini-skill · 概述

通过浏览器自动化实现 Google Gemini AI 生图、对话和图片提取的 MCP 服务器。

mcp-server-chart · 使用场景

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

gemini-skill · 使用场景

  • 通过 AI 助手根据文本提示生成图像
  • 自动执行与 Gemini 的多轮对话
  • 自动提取和下载会话中的图像
  • 将 Gemini 功能集成到 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"]
    }
  }
}

gemini-skill · 安装

安装

前置条件

  • Node.js ≥ 18
  • Chrome/Edge/Chromium 浏览器并已登录 Google 账号

步骤

git clone https://github.com/WJZ-P/gemini-skill.git
cd gemini-skill
npm install

配置

在项目根目录创建 .env 文件:

BROWSER_DEBUG_PORT=40821
BROWSER_HEADLESS=false
DAEMON_TTL_MS=1800000
OUTPUT_DIR=./gemini-image

Claude Desktop 配置

添加到 Claude Desktop 的 claude_desktop_config.json

{
  "mcpServers": {
    "gemini": {
      "command": "node",
      "args": ["<gemini-skill绝对路径>/src/mcp-server.js"]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。