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 横评总表 | 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 | ★★★☆☆ | ## 逐个深度评测 ### 1. AntV chart-visualization-skills —— 蚂蚁官方的全栈可视化军团 这是本期最具分量的一套 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 子模块。 - 功能完整度：★★★★★　上手难度：★★★★☆　变现潜力：★★★★★　训练营适用性：★★★★★　社区活跃度：★★★★★ ### 2. baoyu-infographic —— 内容创作者的信息图瑞士军刀 宝玉的 `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 上下文，作者明确建议按需安装、莫贪全。 - 功能完整度：★★★★★　上手难度：★★★★★　变现潜力：★★★★☆　训练营适用性：★★★★★　社区活跃度：★★★★★ ### 3. chart-craft-plus —— 35+ 图表一键成 HTML 的本地强档 作为 `chart-craft` 的增强版，`chart-craft-plus` 把"文本转图表"做到了本地零依赖开箱即用：覆盖技术架构、流程逻辑、业务战略、数据可视化、信息展示 5 大类共 35+ 种图表，从架构图、流程图、思维导图、时序图、甘特图、漏斗图、桑基图，到商业模式画布、SWOT、竞品分析、OKR 树、韦恩图、热力图、KPI 看板一应俱全。内置三种视觉风格（黑白简约、深色暗调、Claude 暖色）并支持品牌风格扩展，输出为独立 HTML 文件，便于嵌入文档或分享。触发词友好（"画个 XX 图""生成商业模式画布""帮我可视化"），还支持运行中切换图表风格。**变现潜力中等偏上**：适合作为企业内部"汇报图表生成器"打包，或与知识管理工具集成做增值模块；**训练营适用性优秀**，35+ 图表类型本身就是一份现成的可视化教学目录，3–5 课时可系统讲完主流商业图表。与 AntV 相比，它胜在纯 HTML 输出、无需图表库运行时、可离线查看，但牺牲了 AntV 的交互性与代码可二次编辑性。 - 功能完整度：★★★★☆　上手难度：★★★★★　变现潜力：★★★★☆　训练营适用性：★★★★☆　社区活跃度：★★★☆☆ ### 4. visual-note-card（beilunyang）—— 一页知识卡的力量 `visual-note-card-skills` 专注一个极窄但极高频的场景：把任意话题、文章或概念浓缩成一张结构精美的"视觉笔记卡"——单页 HTML，强调一图胜千言的克制美学。它的定位介于信息图与思维导图之间，更适合知识分享、读书笔记、概念速记。安装只需从 GitHub 克隆，无重型依赖，自然语言即可触发。**变现潜力中等**：单页卡片本身难单独收费，但非常适合作为知识付费课程的"配套金句卡"或社群引流物料，复用价值高；**训练营适用性强**，"一篇文章变一张可分享知识卡"是降低认知负荷的示范，1–2 课时足以教会学员。它的优势是轻、快、可分享；劣势是图表表现力有限，做不了多页报告与复杂数据关系。与 `baoyu-infographic` 相比，visual-note-card 更偏"概念浓缩"，后者更偏"信息排版"，二者可互补。 - 功能完整度：★★★★☆　上手难度：★★★★★　变现潜力：★★★☆☆　训练营适用性：★★★★☆　社区活跃度：★★★★☆ ### 5. text-logic-diagram —— 把论述拆成逻辑骨架的 SVG 工匠 `text-logic-diagram` 解决的是写作/汇报中"逻辑可视化"的痛点：给一段文本论述，它自动识别其中的逻辑关系并生成精准的逻辑关系 SVG，支持递进、流程、循环、层次、对比、矩阵六种关系类型，一次可批量拆出多张图，全程中文友好。它的价值在于"逻辑正确性"——很多思维导图工具画得好看但关系乱套，而这个 Skill 强调先判定关系类型、再选匹配图式。**变现潜力中等**：可作为写作辅导、咨询交付物的"逻辑结构化"插件，或嵌入 Notion/Obsidian 类知识工作流；**训练营适用性强**，逻辑关系六分类本身就是一份清晰的论证训练框架，2 课时即可让学员学会把杂乱论述结构化。短板：聚焦静态逻辑图，不擅长数据型图表与时序动画，适合与 chart-craft-plus 数据可视化能力搭配使用，形成"逻辑 + 数据"双引擎。 - 功能完整度：★★★★☆　上手难度：★★★★★　变现潜力：★★★☆☆　训练营适用性：★★★★☆　社区活跃度：★★★☆☆ ### 6. architecture-diagram-zh —— 系统架构图的双主题专家 `architecture-diagram-zh` 面向技术写作中的"架构图刚需"：生成专业、支持深色/浅色双主题切换的系统架构图，输出为独立 HTML 文件（内含 SVG 图形），内置主题切换按钮，支持中文标注。覆盖系统架构、基础设施拓扑、云架构可视化、安全架构、网络拓扑等所有"组件 + 关系"类技术图表。相比 Mermaid 的纯代码渲染，它产出的是可独立打开、可一键换肤的高保真成品，更适合放进方案书与投标文档。**变现潜力中等偏上**：技术方案/架构咨询交付物标准化是真实付费场景，可封装为"架构图自动出图"企业服务；**训练营适用性良好**，2–3 课时可教技术同学告别 PPT 手画拓扑。与 chart-craft-plus 的架构图相比，它专精架构领域、双主题更专业，但图表品类更窄。 - 功能完整度：★★★★☆　上手难度：★★★★★　变现潜力：★★★★☆　训练营适用性：★★★★☆　社区活跃度：★★★☆☆ ### 7. infopic-skill（fangke609）—— 关键词即信息图的端到端流水线 `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，安装与运行链路最长；优点是真正实现了"给个词就出图"。 - 功能完整度：★★★★☆　上手难度：★★★☆☆　变现潜力：★★★☆☆　训练营适用性：★★★★☆　社区活跃度：★★★☆☆ ## 可视化 Skills 生态分类思维导图 ```mermaid mindmap root((可视化/信息图
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（速绘）** 的三件套，覆盖九成可视化场景。 ## 参考来源 1. [chart-visualization-skills — GitHub (antvis)](https://github.com/antvis/chart-visualization-skills) — 蚂蚁 AntV 官方 8 大可视化 Skill 仓库，含 174 用例评测数据与安装命令 2. [蚂蚁集团开源 6 大可视化 Skill，Claude Code 画图能力大升级 — 苏米客](https://www.xmsumi.com/detail/2970) — AntV 图表/信息图/地图/数据叙事 Skill 实测解读 3. [baoyu-skills README.zh.md — GitHub (JimLiu)](https://github.com/JimLiu/baoyu-skills/blob/main/README.zh.md) — 宝玉 20+ 技能集安装、多 Agent 通用与公众号工作流 4. [infopic-skill README — GitHub (fangke609)](https://github.com/fangke609/infopic-skill) — 关键词→HTML 信息图→Playwright 截图流水线 5. [Best Claude Code Skills in 2026: 349 Agent Skills Ranked by GitHub Stars — OpenAIToolsHub](https://www.openaitoolshub.org/en/blog/best-claude-code-skills-2026) — 12 大类 349 个 Skill 按星排名，设计/前端类含 frontend-design 等 6. [visual-note-card-skills — GitHub (beilunyang)](https://github.com/beilunyang/visual-note-card-skills) — 单页视觉笔记卡 Skill --- 以上内容由「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 等场景全覆盖。