chart-visualization作者 AntV一个用于图表和数据可视化的 Claude Code 和 Codex skill，通过 AntV API 将数据渲染为柱状图、折线图、饼图、雷达图、桑基图、思维导图和流程图。
01 功能说明
摘要、工作流与产物，均读自该 skill 的 SKILL.md。
该 skill 通过调用 AntV 的图表生成 API，将用户数据转换为图表。它会分析数据以及用户的请求，从丰富的图表类型（柱状图、折线图、饼图、雷达图、桑基图、思维导图、流程图等）中选出最合适的一种，构建包含所需 type 和 source 字段的 JSON 请求体，使用 curl 调用 API，并将返回的图片 URL 以 Markdown 图片的形式输出。
它记录了约 20 种受支持图表类型各自的数据结构约定，以及 theme、width、height、title 等共用可选参数，为 Agent 提供了构建有效请求的具体参考，而不必去猜测格式。
它产出什么
分析用户的数据和需求，选择最合适的图表类型。
构建一个符合 API 规范的 JSON 请求体。
使用 curl 工具调用 API 并生成图表图像。
以 Markdown 图像格式输出返回的图像 URL。
02 找到适合场景
当工作是此类图表和图表工作时，请在 Claude Code 或 Codex 中使用 chart-visualization skill。适用范围和限制取自该 skill 的自有文件。
03 Skill 内部
SKILL.md 为 Agent 设定的 7 条具体指令、默认值与限制——正是文件中真正改变结果的部分。
每个请求体都必须包含一个 type 字段，以及一个设为 "chart-visualization-skills" 的 source 字段。
图表通过向单一固定 API 端点发送 POST 请求生成。
图表宽度默认为 600，高度默认为 400，除非另行指定。
主题默认为 "default"，也可设为 "academy" 或 "dark"。
style.texture 默认为 “default”，但可以设置为 “rough” 以获得手绘风格效果。
条形图（bar charts）默认 stack: true，而柱状图（column charts）默认 group 为 true。
API 响应中的 resultObj URL 必须使用该模式作为 Markdown 图片渲染。
04 投入使用
一条 npx skills add 命令，然后在你的 Agent 中执行第一个任务和对结果的清单检查。
在你的项目中运行；安装程序会询问要把它添加到哪个 Agent。
npx skills add https://github.com/antvis/chart-visualization-skills --skill chart-visualization用于 skills/chart-visualization/SKILL.md 的通用 skills CLI 形式；具体仓库可能会记录其自身路径。
按 skill 自身的术语撰写；把括号中的部分换成你的内容。
Please turn this monthly revenue data into a chart: [2025-01: 100, 2025-02: 150, 2025-03: 130]. I want to see the trend over time.来源：依据 SKILL.md，按 skill 自身的术语撰写。
SKILL.md 本身如何描述正确的结果：
在 OpenDesign 中通过其 SKILL.md 链接导入 chart-visualization：Plugins → Add → Skill → Import from link，然后在顶部栏中选择它。
05 开源、可追溯
本页面事实的来源，以及最后检查时间。
masterskills/chart-visualization/SKILL.md 内容校验和记录于验证时；提交 089b687"将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能，通过 curl 工具调用 AntV API 生成图表图片"
SKILL.md 的 front-matter 描述。完整文件约 3,736 个字符。在 GitHub 上阅读完整文件。
06 安装之前
以下回答来自 2026-09-14 读取到的 SKILL.md，而非某次实际运行的记录。
它支持广泛的图表目录，包括条形图（bar）、柱状图（column）、瀑布图（waterfall）、双轴图（dual-axes）、面积图（area）、折线图（line）、散点图（scatter）、箱线图（boxplot）、直方图（histogram）、小提琴图（violin）、漏斗图（funnel）、饼图（pie）、水波图（liquid）、词云（word-cloud）、组织架构图（organization-chart）、思维导图（mind-map）、矩形树图（treemap）、桑基图（sankey）、网络图（network-graph）、venn 图、流程图（flow-diagram）、鱼骨图（fishbone-diagram）、雷达图（radar）以及电子表格（spreadsheet）。
API 返回一个包含 resultObj URL 的 JSON 对象，该 skill 随后将其输出为 Markdown 图片链接。
Chart Visualization
下载 OpenDesign，从其 SKILL.md 链接导入 chart-visualization，粘贴上面的提示，在查看结果前先阅读计划。
npx skills add https://github.com/antvis/chart-visualization-skills --skill chart-visualization