MCP Catalogs
首页

mcp-server-chart vs grumpydev-mcp

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

mcp-server-chart
by antvis
grumpydev-mcp
by sinedied
Stars★ 4,068★ 21
30天用量10,239
综合分8437
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具AI / LLM 工具效率工具
实现语言TypeScriptJavaScript
最近提交本月13 个月前

mcp-server-chart · 概述

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

grumpydev-mcp · 概述

模拟暴躁高级开发者用讽刺语气审查代码的 MCP 服务器。

mcp-server-chart · 使用场景

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

grumpydev-mcp · 使用场景

  • 通过有趣反馈进行代码审查
  • 通过幽默示例教授编码最佳实践
  • 为代码审查过程增加个性

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

grumpydev-mcp · 安装

安装

  1. 使用 VS Code:

[![在 VS Code 中安装](https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=安装%20MCP%20服务器&color=0098FF)](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522grumpydev%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522grumpydev-mcp%2540latest%2522%255D%257D)

  1. 使用命令行:

``bash code --add-mcp '{"name":"grumpydev","command":"npx","args":["-y","grumpydev-mcp"]}' ``

  1. .vscode/mcp.json 中手动安装:

``jsonc { "servers": { "grumpydev-mcp": { "type": "stdio", "command": "npx", "args": [ "-y", "grumpydev-mcp", ] } } } ``

用于 Claude Desktop

添加到 claude_desktop_config.json

{
  "mcpServers": {
    "grumpydev-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "grumpydev-mcp",
      ]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。