产品经理的数据可视化神器：AntV 官方 Chart Skill 开箱即用

不用写代码，用自然语言描述需求，AI 自动生成专业图表。

公众号留言里有人问：

“产品经理想做个数据图表给开发看，有没有不写代码的工具？”

“大屏需求评审时，怎么快速出个效果给领导看？”

“Excel 做的图太丑，有没有好看又不用开发的方案？”

产品经理做数据可视化，通常有三条路：

1. 找前端排期开发，等一周
2. 用 Excel 手动做，效果一般
3. 用 BI 工具拖拽，学习成本高

现在有了第四条路：AntV 官方的 Chart Visualization Skill。

用自然语言描述你要什么图表，AI 自动选择最合适的图表类型，生成专业图表图片。全程不用写代码。

这篇文章整理了这个 Skill 的能力边界和使用方法，供有同样需求的朋友参考。

这是什么

AntV（蚂蚁集团数据可视化团队）官方封装的 AI Skill，包含 5 个技能模块，覆盖从图表生成到信息图设计的全流程。

安装方式（Claude Code）：

1/plugin marketplace add antvis/chart-visualization-skills

或者手动安装：

1npx skills add antvis/chart-visualization-skills

安装后，AI 会自动调用这些能力，不需要你手动配置。

效果预览

AntV Chart Skill 支持的 26+ 种图表类型，涵盖折线图、柱状图、饼图、雷达图、桑基图、思维导图等

技术架构

AntV Chart Skill 技术架构：用户输入自然语言 → AI 解析选择图表类型 → 调用 AntV API 生成图表 → 返回图片

5 个技能模块

1. chart-visualization（核心图表生成）

能力：26+ 种图表类型，智能选择最合适的图表。

支持的图表：

使用示例：

1
2
3
4
5
帮我生成一个销售数据的折线图：
- 横轴：2025 年 1-12 月
- 纵轴：销售额（万元）
- 数据：[120, 150, 180, 220, 260, 300, 280, 320, 350, 380, 420, 480]
- 主题：深色

AI 会自动选择折线图，生成图表图片并返回。

产品经理怎么用：

• 周报/月报配图
• PRD 中的数据展示原型
• 汇报 PPT 中的图表

2. infographic-creator（信息图设计）

能力：将文本内容转化为视觉化的信息图，50+ 模板。

支持的模板类型：

• 列表型信息图
• 流程型信息图
• 层级型信息图
• 对比型信息图
• 关系型信息图

使用示例：

1
2
3
4
帮我做一个产品功能对比的信息图：
- 我们的产品 vs 竞品 A vs 竞品 B
- 对比维度：价格、性能、易用性、服务
- 风格：简洁商务风

产品经理怎么用：

• 竞品分析可视化
• 产品功能对比图
• 用户增长路径图

3. icon-retrieval（图标检索）

能力：根据关键词搜索并返回 SVG 图标。

使用示例：

1帮我找一个"数据分析"相关的图标，用于信息图

返回最多 5 个匹配图标的 SVG 代码，可以直接用在信息图中。

产品经理怎么用：

• PRD 原型配图
• 信息图装饰元素
• 汇报材料图标

4. narrative-text-visualization（数据叙事）

能力：将非结构化数据转化为结构化的数据叙事报告，使用 T8 语法。

特点：

• 自动识别数据中的实体（指标、数值、趋势、维度）
• 生成标准化的数据报告格式
• 内置迷你图表
• 支持 HTML/React/Vue 渲染

使用示例：

1
2
3
帮我把这段销售数据转化为数据报告：
本月销售额 480 万元，环比增长 15%，同比增长 32%。
华东区域贡献最大，占比 35%。

产品经理怎么用：

• 数据分析报告自动生成
• 运营数据月报
• 业务复盘材料

5. antv-s2-expert（多维交叉分析表）

能力：帮助开发多维交叉分析表（透视表）。

覆盖范围：

• 透视表开发
• 表格交互设计
• 主题定制
• 排序、汇总、冻结行列
• 服务端渲染

产品经理怎么用：

• 复杂数据表格的需求描述
• 与前端沟通表格交互细节
• 数据报表原型设计

实际工作流

场景 1：周报配图

1
2
3
4
5
6
我：帮我生成一个本周用户活跃度的折线图
    横轴是周一到周日
    数据是 [3200, 2800, 3500, 4100, 3800, 5200, 4800]
    用深色主题
 
AI：[自动生成折线图图片]

场景 2：竞品分析

1
2
3
4
5
6
我：帮我做一个三个产品的功能对比信息图
    产品 A：价格低、性能一般、易用性好
    产品 B：价格高、性能好、易用性一般
    我们的产品：价格中、性能好、易用性好
 
AI：[自动生成对比信息图]

场景 3：数据报告

1
2
3
4
5
6
我：把这段数据转化为报告
    Q3 营收 1200 万，环比增长 20%
    新增用户 5 万，留存率 65%
    核心业务线贡献 70% 营收
 
AI：[自动生成结构化数据报告]

与 ECharts 的关系

很多人会问：这个和 ECharts 什么关系？

AntV 和 ECharts 是两个不同的生态：

我的建议：

• 产品经理快速出图、写 PRD：用 AntV Skill
• 前端做大屏、复杂交互：用 ECharts
• 两者不冲突，按场景选

注意事项

地图功能限制：AntV 的地图可视化目前仅支持中国大陆地区，使用的是高德地图服务。如果需要全球地图，建议用 ECharts。

API 服务：图表生成调用的是蚂蚁集团的免费服务，目前不需要 API Key。但如果未来有私有化部署需求，可以自行部署 GPT-Vis-SSR 服务。

输出格式：生成的是图片 URL，不是可编辑的图表代码。如果需要进一步定制，需要前端介入。

总结

AntV 官方这套 Skill 的核心价值：让不会写代码的人也能生成专业图表。

对产品经理来说：

• 不用等前端排期
• 不用学 BI 工具
• 用自然语言描述需求就能出图

对前端来说：

• PRD 里的图表更直观
• 需求沟通更高效
• 可以参考生成的图表做开发

官方仓库：https://github.com/antvis/chart-visualization-skills

有问题评论区聊。你用数据可视化工具时遇到的最大痛点是什么？

免责声明：本文内容仅为个人学习分享，提及的工具/服务仅限合法合规使用，如有侵权请联系删除。

感谢你的阅读。