2026年7月，Claude Code 的 Skills 生态在"数据可视化与信息图"这条赛道上迎来了一次结构性升级。蚂蚁集团 AntV 团队把自家支撑两万多个系统的图表库整体封装成了 8 个 Skill（chart-visualization-skills），覆盖统计图、关系图、地理图、透视表、数据叙事、图标检索全链路；社区侧，宝玉的 baoyu-infographic、北仑羊的 visual-note-card、fangke609 的 infopic-skill 等单点利器持续迭代，本地侧的 chart-craft-plus、architecture-diagram-zh、text-logic-diagram 则把"文本转图"做到了开箱即用。本期第 2 轮评测聚焦前端设计类中的"数据可视化与信息图生成"细分赛道，避开已覆盖的页面生成、设计系统、跨平台交付方向，挑选 7 款代表性 Skill，从功能完整度、上手难度、变现潜力、训练营适用性、社区活跃度五个维度做深度横评，并给出可落地的选型建议与变现路径。
| 维度 | 权重 | 评价标准 |
|---|---|---|
| 功能完整度 | 25% | 图表类型覆盖、模板数量、是否开箱即用、输出格式（HTML/SVG/PNG） |
| 上手难度 | 20% | 安装复杂度、是否依赖 API Key/浏览器、自然语言触发友好度 |
| 变现潜力 | 25% | 能否封装为 SaaS 或企业可视化中台、模板/主题可收费空间 |
| 训练营适用性 | 15% | 能否用于教学演示、是否适合做"一句话出图"的招生案例 |
| 社区活跃度 | 15% | Star 数、贡献者、更新频率、是否有官方背书 |
| Skill | 来源 | 图表/模板规模 | 输出 | 安装方式 | 综合星级 |
|---|---|---|---|---|---|
| AntV chart-visualization-skills | 蚂蚁 AntV（官方） | 8 子 Skill / 26+ 图表 / 50+ 信息图模板 | 图表图片 / 可运行代码 | /plugin marketplace add antvis/chart-visualization-skills |
★★★★★ |
| baoyu-infographic | JimLiu/baoyu-skills | 20 布局 × 17 风格 | HTML / 图片 | npx skills add jimliu/baoyu-skills |
★★★★★ |
| chart-craft-plus | 本地社区 | 35+ 图表 / 5 大类 / 3 主题 | HTML 文件 | 本地 Skill / npx skills |
★★★★☆ |
| visual-note-card | beilunyang | 单页知识卡 / 6 风格 | HTML / 图片 | GitHub 克隆 | ★★★★☆ |
| text-logic-diagram | 本地社区 | 6 种逻辑关系 | SVG | 本地 Skill | ★★★★☆ |
| architecture-diagram-zh | 本地社区 | 系统架构 / 双主题 | HTML（内含 SVG） | 本地 Skill | ★★★★☆ |
| infopic-skill | fangke609 | 信息图（关键词/正文） | HTML + PNG 截图 | 克隆 + Playwright | ★★★☆☆ |
这是本期最具分量的一套 Skills。AntV 团队把"图形语法（Grammar of Graphics）"沉淀多年的能力，拆成 8 个独立可调用的 Skill：chart-visualization 智能选型 26+ 图表类型并直接产出图表图片；infographic-creator 提供 50+ 套列表、序列、层级、对比、关系、图表等信息图模板；antv-g2-chart 与 antv-g6-graph 分别生成 G2 v5（30+ 统计图）与 G6 v5（网络图/树图/流程图/思维导图，含 10+ 布局、15+ 交互）的可运行代码，并内置 v4→v5 迁移护栏防止踩坑；antv-s2-expert 面向多维交叉透视表；narrative-text-visualization 用自研 T8 语法把非结构化数据转成带实体标注、迷你图表的数据叙事报告；icon-retrieval 按关键词检索图标 SVG；antv-x6-editor 覆盖可编辑图元。最硬核的是其"Harness Engineering"评测：174 个图表生成用例下，G2 在 qwen3-coder 上达 98.2%（较 Context7 基线 +17.7%），G6 在 DeepSeek-V3.2 上达 97.9%，接近生产可用。安装一行 /plugin marketplace add antvis/chart-visualization-skills 即可，另提供 antv 全局 CLI（npm i -g @antv/chart-visualization-skills）支持 retrieve/list/get/info 检索。变现潜力极高：可整体封装为企业"数据可视化中台"或 BI 报表自动生成 SaaS，按调用次数或私有部署收费；训练营适用性顶级，"一句话出 26 种图表"是绝佳招生演示，建议 4–8 课时拆解 G2/G6 子模块。
宝玉的 baoyu-skills 仓库已收录 20+ 个 Skill，其中 baoyu-infographic 是信息图赛道最热门的单品。它先分析内容结构，自动推荐"20 种布局 × 17 种视觉风格"的组合，再产出可直接发布的出版级信息图；姊妹 Skill baoyu-xhs-images 则针对小红书做了 10 种风格 × 8 种版式的卡片优化，专门服务中文社交平台。整个技能集遵循"一套代码、多 Agent 通用"理念，自动探测 Claude Code、Cursor、Codex CLI、Gemini CLI 等环境，npx skills add jimliu/baoyu-skills 一次安装处处可用，作者还配套出版了《图解 Skill —— AI 提效实战指南》系统讲解 Skill 设计方法论。变现路径清晰：信息图/小红书图文是内容营销刚需，可做成"公众号配图自动生成"订阅服务，模板包与品牌风格扩展均可单独计费；训练营适用性强，"一篇长文转 9 张小红书图"是极具传播力的教学案例，2–3 课时即可带学员跑通完整工作流。短板在于：每个 Skill 加载都会占用 Agent 上下文，作者明确建议按需安装、莫贪全。
作为 chart-craft 的增强版，chart-craft-plus 把"文本转图表"做到了本地零依赖开箱即用：覆盖技术架构、流程逻辑、业务战略、数据可视化、信息展示 5 大类共 35+ 种图表，从架构图、流程图、思维导图、时序图、甘特图、漏斗图、桑基图，到商业模式画布、SWOT、竞品分析、OKR 树、韦恩图、热力图、KPI 看板一应俱全。内置三种视觉风格（黑白简约、深色暗调、Claude 暖色）并支持品牌风格扩展，输出为独立 HTML 文件，便于嵌入文档或分享。触发词友好（"画个 XX 图""生成商业模式画布""帮我可视化"），还支持运行中切换图表风格。变现潜力中等偏上：适合作为企业内部"汇报图表生成器"打包，或与知识管理工具集成做增值模块；训练营适用性优秀，35+ 图表类型本身就是一份现成的可视化教学目录，3–5 课时可系统讲完主流商业图表。与 AntV 相比，它胜在纯 HTML 输出、无需图表库运行时、可离线查看，但牺牲了 AntV 的交互性与代码可二次编辑性。
visual-note-card-skills 专注一个极窄但极高频的场景：把任意话题、文章或概念浓缩成一张结构精美的"视觉笔记卡"——单页 HTML，强调一图胜千言的克制美学。它的定位介于信息图与思维导图之间，更适合知识分享、读书笔记、概念速记。安装只需从 GitHub 克隆，无重型依赖，自然语言即可触发。变现潜力中等：单页卡片本身难单独收费，但非常适合作为知识付费课程的"配套金句卡"或社群引流物料，复用价值高；训练营适用性强，"一篇文章变一张可分享知识卡"是降低认知负荷的示范，1–2 课时足以教会学员。它的优势是轻、快、可分享；劣势是图表表现力有限，做不了多页报告与复杂数据关系。与 baoyu-infographic 相比，visual-note-card 更偏"概念浓缩"，后者更偏"信息排版"，二者可互补。
text-logic-diagram 解决的是写作/汇报中"逻辑可视化"的痛点：给一段文本论述，它自动识别其中的逻辑关系并生成精准的逻辑关系 SVG，支持递进、流程、循环、层次、对比、矩阵六种关系类型，一次可批量拆出多张图，全程中文友好。它的价值在于"逻辑正确性"——很多思维导图工具画得好看但关系乱套，而这个 Skill 强调先判定关系类型、再选匹配图式。变现潜力中等：可作为写作辅导、咨询交付物的"逻辑结构化"插件，或嵌入 Notion/Obsidian 类知识工作流；训练营适用性强，逻辑关系六分类本身就是一份清晰的论证训练框架，2 课时即可让学员学会把杂乱论述结构化。短板：聚焦静态逻辑图，不擅长数据型图表与时序动画，适合与 chart-craft-plus 数据可视化能力搭配使用，形成"逻辑 + 数据"双引擎。
architecture-diagram-zh 面向技术写作中的"架构图刚需"：生成专业、支持深色/浅色双主题切换的系统架构图，输出为独立 HTML 文件（内含 SVG 图形），内置主题切换按钮，支持中文标注。覆盖系统架构、基础设施拓扑、云架构可视化、安全架构、网络拓扑等所有"组件 + 关系"类技术图表。相比 Mermaid 的纯代码渲染，它产出的是可独立打开、可一键换肤的高保真成品，更适合放进方案书与投标文档。变现潜力中等偏上：技术方案/架构咨询交付物标准化是真实付费场景，可封装为"架构图自动出图"企业服务；训练营适用性良好，2–3 课时可教技术同学告别 PPT 手画拓扑。与 chart-craft-plus 的架构图相比，它专精架构领域、双主题更专业，但图表品类更窄。
infopic-skill 是一款适配 Claude Code 与 OpenClaw 的信息图生成 Skill，工作流设计很有意思：输入短文本（<20 字符）自动判定为关键词并联网搜索补充内容，再读取动态提示词文件，调用 Claude API 生成完整 HTML 信息图，最后用 Playwright 自动打开 HTML 并截取整页 PNG——形成"关键词 → 内容 → HTML → 图片"的端到端流水线。文件结构清晰（scripts/create-infographic.js 主脚本 + 提示词 md），输出目录自动按时间戳归档。变现潜力中等：流水线式自动出图适合做内容矩阵批量生产，但需自备 ANTHROPIC_API_KEY，对非技术用户有门槛；训练营适用性中等偏上，它是教学"Skill 如何编排多步骤 + 外部脚本"的范本，3 课时可讲透 Skill 与脚本/浏览器自动化结合的最佳实践。短板：依赖 pnpm + Playwright + API Key，安装与运行链路最长；优点是真正实现了"给个词就出图"。
mindmap
root((可视化/信息图<br/>Skills 生态))
统计图表
AntV chart-visualization(26+类型智能选型)
antv-g2-chart(G2 v5 30+图表)
chart-craft-plus(35+图表 HTML)
关系/网络图
antv-g6-graph(G6 v5 网络/树/思维导图)
antv-x6-editor(可编辑图元)
信息图/卡片
antv-infographic-creator(50+模板)
baoyu-infographic(20×17组合)
visual-note-card(单页知识卡)
infopic-skill(关键词流水线)
透视/表格
antv-s2-expert(多维交叉表)
数据叙事
narrative-text-visualization(T8语法)
架构/逻辑图
architecture-diagram-zh(双主题架构图)
text-logic-diagram(6种逻辑关系)
辅助检索
icon-retrieval(图标SVG检索)
按综合实力 Top 3 1. AntV chart-visualization-skills —— 官方背书 + 8 Skill 全栈 + 98% 级评测准确率，生态天花板 2. baoyu-infographic —— 内容创作赛道 Star 顶流，多 Agent 通用，变现路径最清晰 3. chart-craft-plus —— 本地零依赖 35+ 图表，开箱即用性价比之王
按变现潜力排序 1. AntV chart-visualization-skills（企业 BI/可视化中台） 2. baoyu-infographic（内容营销/小红书图文订阅） 3. chart-craft-plus（汇报图表生成器） 4. architecture-diagram-zh（技术方案标准化） 5. infopic-skill（内容矩阵批量生产）
按上手难度（由易到难） 1. chart-craft-plus / text-logic-diagram（本地即用） 2. baoyu-infographic（一行安装） 3. AntV chart-visualization-skills（插件市场安装） 4. visual-note-card / architecture-diagram-zh（克隆即用） 5. infopic-skill（需 API Key + Playwright，链路最长）
按训练营适用性 1. AntV chart-visualization-skills（演示力最强，4–8 课时） 2. baoyu-infographic（传播力最强，2–3 课时） 3. chart-craft-plus（图表目录教学，3–5 课时）
选型一句话建议：要专业统计/关系图表与可二次开发代码，选 AntV；要做内容营销信息图与小红书卡片，选 baoyu；要在本地文档里快速插一张好看的商业图，选 chart-craft-plus；要把逻辑论述结构化，选 text-logic-diagram；要端到端"关键词出图"流水线，选 infopic-skill。最佳组合是 AntV（数据）+ baoyu（内容）+ chart-craft-plus（速绘） 的三件套，覆盖九成可视化场景。
以上内容由「51学通信」站长爱卫生整理，交流微信：gprshome201101。
[!tip] 51学通信知识星球 星主：爱卫生（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 星球定位：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 当前规模：5200 篇主题 / 990 个回答，198 元/年。 加入福利：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 AI 加持：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。