Infographic MCP App

MCP应用程序信息图

MCP服务器，通过基于文本的交互式DSL呈现AntV信息图。

列表图：

List Diagram

序列图：

Sequence Diagram

安装

本地

从源代码构建

git clone https://github.com/vancysavoki/infographic-mcp-app.git
cd infographic-mcp-app
npm install && npm run build

添加 ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "infographic": {
      "command": "node",
      "args": ["/path/to/infographic-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

重新启动克劳德桌面。

用法

示例提示：

• “用信息图画一只可爱的猫”
• “使用信息图创建时间线图”
• “绘制一个显示用户连接到API服务器的体系结构图”

什么是MCP应用程序，我如何构建一个？

文本回复只能到此为止。有时用户需要与数据交互，而不仅仅是阅读数据。 MCP应用程序 是一个官方的模型上下文协议扩展，允许服务器返回直接在聊天中呈现的交互式HTML界面（数据可视化、表单、仪表板）。

• 人类入门: 文档
• AI入门: 技能

贡献

PR欢迎！看 本地 上面是构建说明。

部署您自己的实例

只需点击几下，您就可以将自己的副本部署到Vercel：

1. 分叉此回购
2. 首选 vercel.com/new 并导入您的叉子
3. 无需环境变量，只需部署即可
4. 您的服务器将位于 https://your-project.vercel.app/mcp

发布清单

For maintainers

# 1. Bump version in manifest.json and package.json
# 2. Build and pack
npm run build && mcpb pack .

# 3. Create GitHub release
gh release create v0.3.0 infographic-mcp-app.mcpb --title "v0.3.0" --notes "What changed"

# 4. Deploy to Vercel
vercel --prod

积分

建于 AntV信息图 --手绘风格可视化库。

许可证

麻省理工学院