MCP Catalogs
首页

mcp-server-chart vs MCP-Next.js

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

mcp-server-chart
by antvis
MCP-Next.js
by sattarrasouli
Stars★ 4,068★ 0
30天用量10,239
综合分8430
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具AI / LLM 工具其它
实现语言TypeScriptTypeScript
最近提交本月7 个月前

mcp-server-chart · 概述

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

MCP-Next.js · 概述

基于 Next.js 和 TypeScript 的 MCP 服务器,通过 JSON-RPC API 提供掷骰子、问候等多种简单工具。

mcp-server-chart · 使用场景

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

MCP-Next.js · 使用场景

  • 学习如何使用 Next.js 构建 MCP 服务器
  • 测试 MCP 工具与各种客户端的连接性
  • 简单演示 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"]
    }
  }
}

MCP-Next.js · 安装

# 克隆仓库
git clone https://github.com/sattarrasouli/MCP-Next.js.git
cd MCP-Next.js

# 安装依赖
npm install

# 运行开发服务器
npm run dev

MCP API 将在 http://localhost:3000/api/mcp 可用。

**Claude Desktop 配置:** 添加到 claude_desktop_config.json

{
  "mcpServers": {
    "mcp-nextjs": {
      "command": "npm",
      "args": ["run", "dev"],
      "env": {
        "NODE_PATH": "."
      }
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。