MCP Catalogs
首页

mcp-server-chart vs astro-mcp

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

mcp-server-chart
by antvis
astro-mcp
by morinokami
Stars★ 4,068★ 58
30天用量10,239
综合分8443
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具AI / LLM 工具网页抓取
实现语言TypeScriptAstro
最近提交本月1 个月前

mcp-server-chart · 概述

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

astro-mcp · 概述

为 Astro 项目提供项目信息、运行时数据、文档搜索和集成数据的 MCP 服务器。

mcp-server-chart · 使用场景

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

astro-mcp · 使用场景

  • 通过提供运行时配置和路由信息,协助开发者调试 Astro 应用程序
  • 使 AI 助手能够根据官方 Astro 文档提供最新的指导
  • 通过编程方式访问集成详情和服务器状态,自动化开发工作流程

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

astro-mcp · 安装

npx astro add astro-mcp

手动安装:

npm install astro-mcp

然后添加到您的 Astro 配置:

import { defineConfig } from "astro/config";
import mcp from "astro-mcp";

export default defineConfig({
  integrations: [mcp()],
});

MCP 服务器将在 http://localhost:4321/__mcp/sse 上可用。为您的编辑器创建一个空的配置文件:

  • VSCode: .vscode/mcp.json
  • Cursor: .cursor/mcp.json
  • Windsurf: ~/.codeium/windsurf/mcp_config.json
  • Claude Code: .mcp.json
对比内容由 README + GitHub 公开数据自动生成,定期更新。