MCP Catalogs
首页

mcp-server-chart vs chatgpt-app-typescript-template

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

mcp-server-chart
by antvis
chatgpt-app-typescript-template
by pomerium
Stars★ 4,068★ 16
30天用量10,239
综合分8445
官方
分类
AI / LLM 工具开发者工具效率工具
AI / LLM 工具开发者工具效率工具
实现语言TypeScriptTypeScript
最近提交本月本月

mcp-server-chart · 概述

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

chatgpt-app-typescript-template · 概述

生产就绪的 MCP 应用模板,用于构建带 React UI 小部件的 ChatGPT 风格工具。

mcp-server-chart · 使用场景

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

chatgpt-app-typescript-template · 使用场景

  • 为 ChatGPT 构建具有交互式 UI 的自定义 AI 工具
  • 使用 React 前端创建 MCP 应用程序
  • 开发与各种 MCP 主机(如 Claude Desktop 和 VS Code)集成的工具

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

chatgpt-app-typescript-template · 安装

安装与设置

git clone https://github.com/pomerium/chatgpt-app-typescript-template your-chatgpt-app
cd your-chatgpt-app
npm install
npm run dev

ChatGPT 连接

  1. 使用 [Pomerium 的 SSH 隧道](https://www.pomerium.com/docs/tcp/ssh) 创建公共隧道:

``bash ssh -R 0 pom.run ``

  1. 在终端输出中找到您的公共 URL
  2. 在 ChatGPT 中,转到 **设置 → 连接器 → 添加连接器**
  3. 输入您的远程 URL + /mcp,例如 https://您的唯一URL.pom.run/mcp
  4. 保存连接器并测试您的工具
对比内容由 README + GitHub 公开数据自动生成,定期更新。