10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI开源项目

蚂蚁集团开源 6 大可视化 Skill,Claude Code 画图能力大升级

2小时前 AI开源项目 13 0

摘要:AntV 团队为 Claude Code 推出 6 大可视化 Skill,涵盖图表、信息图、地图、数据叙事等场景,AI 画图终于能直接用了。


让 AI 帮你画张图表,结果出来的配色像上世纪的学术论文,字体歪歪扭扭,排版一塌糊涂。拿去汇报,领导以为你在敷衍。换成 ECharts 重做一遍,Claude Code 又老是生成已经废弃的配置项,跑都跑不起来。

数据可视化这块,AI 一直没真正搞好。不是画不出来,是画出来的东西没法直接用。

蚂蚁集团的 AntV 团队出了一整套 Claude Code Skill,专门解决这个问题。

AntV 是什么

苏米注:AntV 在国内数据可视化领域算是老牌团队了,很多开发者都用过他们的库。

AntV 是蚂蚁集团的数据可视化团队,2017 年开始搞开源。旗下有 G2 做统计图表,G6 做关系图,L7 做地理可视化,S2 做透视表。阿里和蚂蚁内部两万多个业务系统跑的图表,底层全是 AntV。

国内做数据可视化的开发者,多半接触过这套东西。跟 Ant Design 是同一个体系,只不过 AntV 专攻图表方向。

六个模块各自干什么

装上这套 Skill 之后会多出六个功能:图表可视化、信息图、地图、数据叙事、透视表、图标库。

  • 图表可视化:支持 26 种图表类型,自动选型
  • 信息图:200 个模板,文字描述直接生成
  • 地图:L7 引擎,WebGL 渲染,三种底图可选
  • 数据叙事:T8 语法,数据转结构化文字报告
  • 透视表:S2 引擎,百万行数据 4 秒渲染
  • 图标库:为 dashboard 和信息图配 SVG 图标

六个加一块,基本把"拿到数据之后你想做的所有事"都覆盖了。

图表自动选型怎么用

给一组销售数据,它不是简单按规则匹配。数字用柱状图、时间用折线图这种粗暴逻辑,它不走。它会分析数据的维度、分布和相互关系,再决定用什么类型。

示例 1:各产品线月度销售数据

想看哪个增长最快?它会选双轴组合图:左边柱状图放月度销售额,右边折线图放同比增长率,增长最高的产品线单独标注出来。你不用指定用柱状图还是折线图,描述清楚你想看什么就行。

示例 2:50 个员工绩效数据

包含工龄、部门、分数,想分析绩效和工龄的关系。它直接出分组散点图:X 轴工龄 Y 轴分数,按部门着色,再附一条趋势线。画完图还顺带告诉你,技术部门工龄和绩效的相关性最强。

信息图:一句话出图

给它一段文字描述,它直接生成信息图,就是那种公众号和商业报告里常见的、带图标带色块有层级关系的图。

比如说你要对比 SaaS 订阅和一次性买断两种模式。它匹配左右分栏的对比模板,左列蓝色调放 SaaS 的特点,右列橙色调放买断的特点,底部加一条决策提示。以前这种东西得开设计工具改模板,现在一句话搞定。

地图能做到什么程度

WebGL 渲染,支持热力图、散点图、区域填充、弧线流向。

示例 1:全国销售地图

给 28 个分公司的销售数据,要按省份聚合画中国地图。它读完数据按省份聚合成 18 个省,生成区域填充图,颜色深浅对应金额大小,各省份总部城市打上标注,鼠标悬停能看该省总销售额和门店数。输出是可交互的 HTML 文件。

示例 2:物流路线流向图

给 3284 条北京发出的订单,按终点城市聚合成 156 个,画弧线流向图。起点统一标在北京,线条粗细对应订单量,还带从北京向外扩散的流向动画。效果跟花钱定制的 BI 大屏差不多。

为什么比直接用 ECharts 强

苏米注:这点我深有体会,用 ECharts 时 AI 经常生成废弃的 API 参数,调试起来很麻烦。

AntV 的 Skill 用的是声明式语法,跟 Markdown 差不多,AI 模型天然擅长生成这种东西。ECharts 是命令式 API,几十上百个参数,AI 经常记错已经废弃的字段。

他们还有个 GPT-Vis 的库,专门为 AI 生成场景优化过。支持流式渲染,AI 边生成边显示,数据不完整的时候也能降级显示已有的部分,不会直接白屏报错。

关键洞察:给 AI 用的工具和给人用的工具,需求完全不同。人可以手动改一个 JSON 的语法错误,但 AI 生成的内容天生就可能不完整,工具得能容错才行。

谁适合用

  • 经常做数据报告的人:周报月报季度汇报都需要图表,以前导出数据开 Excel 画图截图粘贴到 PPT,现在把数据丢给 Claude Code 一句话出图
  • 做 BI 和数据产品的开发者:项目里本来就可能用 AntV 的库,装了 Skill 之后 Claude Code 生成的代码直接就是 AntV 的 API,不用再翻文档
  • 不碰数据的人:用不上
  • 对设计风格有极高定制要求的:AntV 默认样式够好但不够自定义,还是得手动调参

安装方法

安装一条命令:

npx skills add antvis/chart-visualization-skills

GitHub 仓库:https://github.com/antvis/chart-visualization-skills

一个值得注意的趋势

蚂蚁集团给 Claude Code 做 Skill 这件事,本身释放了一个信号。AntV 是开源项目,做 Skill 不是做慈善,是在抢 AI 时代的开发者入口。

通过 Claude Code 用 AntV 图表的人越多,AntV 在开发者社区的渗透率就越高。Skill 是目前让 AI 调用你库的最低摩擦方式,比让开发者自己学 API 有效得多。

趋势观察:以前开源项目比的是 API 好不好用、文档全不全。现在多了个维度:AI 用起来方不方便。

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:蚂蚁集团开源 6 大可视化 Skill,Claude Code 画图能力大升级
#开源项目 #Claude Code #Skill 
收藏 1
Gaia:AI建筑设计工具,一键将草图或照片生成高逼真渲染,快速迭代设计
多 Agent 协调的五种模式详解:从生成 - 验证到共享状态,按需演进
推荐阅读
  • PPTAgent:一个把文档自动转成结构化幻灯片的开源 AI 系统
  • RapidRAW:轻量级开源RAW修图工具,用开源和GPU加速挑战传统修图软件Lightroom
  • VoidNovelEngine - 无代码节点编辑的开源视觉小说引擎
  • FlyCut Caption:本地化开源智能视频多语言字幕识别与编辑工具
  • OpenMemory:为 AI 系统构建本地化长期记忆框架
评论 (0)
请登录后发表评论
分类精选
OpenSpec:比 Cursor Plan 更聪明?试试这款让 AI 编码更靠谱的规范驱动工具
8798 6月前
WeKnora:终于等到了腾讯ima的开源知识库框架,用 API 轻松打造本地智能文档检索
7755 7月前
Antigravity-Manager:这个开源神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
5926 3月前
awesome-openclaw-skills:700+ Skills 一条命令装配完成,如何让本地 AI Agent 真正落地可用
5541 2月前
AIRI:你的开源AI女友,让你随时拥有属于自己的 AI VTuber
5243 7月前
iFlow CLI:让命令行终端不止于编程的AI效率开源神器
5219 7月前
Composio:让AI Agent自动完成工作任务,能让AI一键操控你的所有软件
5122 6月前
CompressO:开源免费的视频压缩神器,让你的硬盘瞬间轻松 10 倍
5030 6月前
SpecKit:从想法到代码只需5步?这个开源框架把规范驱动开发变成了现实
4947 6月前
就要创作:从提示词到创作团队,开源 AI 网文写作平台
4470 6月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Anthropic Agent 三件套全面解读:Claude Code、Cowork、Managed Agents 定位与使用场景详解
2 蚂蚁集团开源 6 大可视化 Skill,Claude Code 画图能力大升级
3 Hermes Agent 架构深度拆解:三层骨架 + 六大子系统,为什么说它更像 Agent 操作系统
4 SBTI 人格测试中文 Wiki 开源:27 种结局全收录,稀有度大揭秘
5 Jellyfish:一站式 AI 短剧创作平台,剧本一键转分镜,快速生成竖屏/微短剧
6 ClawTeam-OpenClaw:告别单打独斗!让 AI 自己组建开发团队,自动分工、沟通、合并成果
7 GSD 开源项目详解:5 天 5 万 Star,解决 Claude Code 上下文腐烂问题
8 北邮饺子馆开源 AI Skill:餐厅也能玩 Agent,万物皆可 CLI 化
9 Hermes Agent 详解:6.4 万星的自进化 AI 智能体,完全私有化部署
10 微软开源 MarkItDown:10 万 Star 的文档转换神器,AI 时代必备工具
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联