mcpField
A
antvis-chart-skills

antvis-chart-skills

github.com/podo数据与数据库29221 次安装1 天前更新
代码仓库

关于 antvis-chart-skills

antvis-chart-skills 是面向图表与可视化工作的 AntV 技能套件，包含图表、关系图、编辑器、信息图和叙述式文本可视化等能力。部分技能生成可自行运行的代码，chart-visualization 则将数据发送到 AntV 服务生成图片。

主要功能

  1. 01生成多类图表代码
  2. 02创建网络图与流程图
  3. 03生成信息图与叙述报告
  4. 04通过 AntV 服务生成图表图片
  5. 05搜索并获取 SVG 图标

适用场景

  1. 01根据数据生成图表或关系图
  2. 02制作交互式流程图和图编辑器
  3. 03将文本整理为信息图或叙述报告

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill antvis-chart-skills

安装后在 Claude Code 中输入/antvis-chart-skills确认已加载。

附带文件stub.yaml

详细介绍

antvis-chart-skills

目录占位项——完整软件包：antvis/chart-visualization-skills

决策树

  1. 是否已安装完整技能？ 此软件包会安装 8 个技能（chart-visualization、antv-g2-chart、antv-g6-graph、antv-x6-editor、antv-infographic、antv-t8-ntv、antv-gpt-vis、icon-retrieval）；先检查第一个。

    • 全局：f=~/.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 chart-visualization 安装，调用该技能并继续
    • pointer → 转到第 2 步

  2. 检测作用范围，然后安装：

    [ -e ~/.agents/skills/antvis-chart-skills ] && echo "global" || echo "project"

    全局：

    npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -g -y

    项目：

    npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行命令。

Claude Code 插件方式：

/plugin marketplace add antvis/chart-visualization-skills
/plugin install chart-visualization@visualization-skills
/plugin install antv-g2-chart@visualization-skills
/plugin install antv-g6-graph@visualization-skills
/plugin install antv-x6-editor@visualization-skills
/plugin install antv-infographic@visualization-skills
/plugin install antv-t8-ntv@visualization-skills
/plugin install antv-gpt-vis@visualization-skills
/plugin install icon-retrieval@visualization-skills

注意事项

  • 要求： 网络访问权限：chart-visualization 会将图表数据 POST 到第三方端点 antv-studio.alipay.com 以渲染图像；antv-g2-chart、antv-g6-graph 和 icon-retrieval 也会通过 curl 调用 AntV HTTP API
  • 许可证： MIT

安装后调用

AntV 生态中的技能：

技能用途
chart-visualization为时间序列、比较、整体与部分、关系、地理和层级数据生成图表图像，并通过 AntV Web API 渲染
antv-g2-chartG2 v5 图表代码生成器（柱状图、折线图、饼图、散点图、面积图、热力图等）
antv-g6-graphG6 v5 图可视化：网络图、树图、流程图、思维导图
antv-x6-editor用于交互式图表的 X6 v3 图编辑器代码：流程图、DAG、ER 图、组织结构图
antv-infographic根据文本内容生成信息图：列表、序列、层级、比较、关系
antv-t8-ntv叙事文本可视化：带有实体注释的结构化数据解读报告（T8 语法）
antv-gpt-vis以语法/JSON 模式或完整可运行代码的形式生成 GPT-Vis 图表
icon-retrieval搜索 AntV 信息图标库并获取 SVG 字符串

功能

基于蚂蚁集团生产环境使用的 AntV 库（G2、G6、X6、GPT-Vis、Infographic、T8）生成图表、关系图、信息图和叙事报告。一些技能会生成供你自行运行的库代码；而 chart-visualization 会将图表数据发送到托管的 AntV 端点并返回图像 URL，因此请勿将其用于机密数据。chart-visualization 技能正文使用中文编写。

不适用场景

  • 必须保存在本地的机密数据：使用代码生成技能（antv-g2-chart、antv-g6-graph）或其他图表技能，例如 d3js-skill
  • 数据透视表和电子表格样式的表格：AntV S2 技能已不再属于此仓库
  • 手工绘制的幻灯片、线框图或流程图：使用 excalidraw-agents365 或 content-catalogue 路由器

评论

支持 Markdown