## 概述 前端设计的版图里，"画图"长期被分割成两块割裂的领地：一块是 PowerPoint 与 Figma 里靠鼠标拖拽的"设计活"，一块是 Visio 与 draw.io 里靠模板拼贴的"工程活"。Claude Code Skills 生态在 2026 年把这两块领地打通成了一条新的产线——**自然语言直接出可编辑的图文件**。本期第 2 轮评测聚焦的正是这条产线上最活跃的一群引擎：**图表与可视化类 Skills**。 与前几轮覆盖过的"设计到代码全链路""组件工厂与设计令牌""信息图引擎"不同，图表可视化引擎解决的不是"界面长什么样"，而是"关系与结构如何被看见"——架构图、流程图、逻辑关系图、数据图表、手绘白板。我们抓取了 skills.sh 市场与本地 Skills 库中安装量与功能代表性最高的 7 款引擎，从功能完整度、上手难度、变现潜力、训练营适用性、社区活跃度五个维度做深度横评。核心发现：**Excalidraw 系在社区热度上一骑绝尘（单品安装破 2.3 万）**，但**真正具备商业闭环的是 article-to-excalidraw 这类"文章转图+提词器"的全链路引擎**，而**架构图与逻辑图赛道则被中文化深度定制的产品占据**。 ## 评测总览表 | Skills 引擎 | 输出格式 | 核心定位 | 功能 | 上手 | 变现 | 训练营 | 社区 | 综合 | |---|---|---|---|---|---|---|---|---| | chart-craft-plus | HTML（35+ 图表） | 全能图表工厂 | ★★★★★ | ★★★★ | ★★★★ | ★★★★ | ★★★ | **4.30** | | architecture-diagram-zh | HTML+SVG（双主题） | 中文化系统架构图 | ★★★★ | ★★★★★ | ★★★ | ★★★★ | ★★★ | **3.85** | | text-logic-diagram | SVG（6 种关系） | 文本逻辑关系拆解 | ★★★★ | ★★★★ | ★★★★ | ★★★★★ | ★★★ | **3.95** | | Excalidraw diagram 系 | Excalidraw JSON | 手绘风视觉论证 | ★★★★ | ★★★ | ★★★★ | ★★★★ | ★★★★★ | **4.05** | | mermaid-generator | Mermaid 源码 | 代码即图、版本可控 | ★★★★ | ★★★★★ | ★★★ | ★★★★★ | ★★★★ | **4.05** | | article-to-excalidraw | Excalidraw+提词器 | 文章转图全链路 | ★★★★★ | ★★★★ | ★★★★★ | ★★★★ | ★★★ | **4.25** | | antvis chart-visualization | AntV/G2 图表 | 专业数据可视化 | ★★★★★ | ★★★ | ★★★★ | ★★★★ | ★★★★ | **4.10** | > 评分口径：功能/变现/训练营满分 5，权重 25%/25%/15%；上手/社区满分 5，权重 20%/15%。 ## 逐个深度评测 ### 1. chart-craft-plus — 全能图表工厂 **来源/安装**：本地 Skills 库（市场同类 `baoyu-skills@baoyu-diagram` 安装 8.9K）。触发即用，无需额外依赖。 **核心功能**：一句话生成 35+ 种图表的独立 HTML 文件，横跨技术架构、流程逻辑、业务战略、数据可视化、信息展示 5 大类。内置 3 种视觉风格——黑白简约、深色暗调、Claude 暖色——并支持品牌风格扩展。从思维导图、时序图、甘特图，到 SWOT、商业模式画布、OKR 树、韦恩图、热力图、KPI 看板，几乎覆盖了一个产品经理/咨询顾问日常所需的全部图型。最讨喜的是"换风格"指令，同一张架构图可在三套主题间瞬时切换，对审美一致性要求高的团队是刚需。 **评分**：功能 ★★★★★（图型最全）、上手 ★★★★（触发词清晰但种类多需记忆）、变现 ★★★★（可封装成"一键商业画布生成器"按图收费）、训练营 ★★★★（种类齐全适合体系化教学）、社区 ★★★（本地为主，市场版热度中等）。 **变现/训练营分析**：变现路径清晰——咨询、企培、战略工作坊都需要"看得见的框架"，把 SWOT 与商业模式画本做成 SaaS 化的"战略可视化工作台"，按团队席位收费空间在每月 99–299 元。训练营里它适合作为"框架思维"模块的演示工具，单次课程 45 分钟即可带学员跑完 5 种框架图。 **与竞品对比**：相比 Excalidraw 系追求"手绘人情味"，chart-craft-plus 走的是"商务专业感"路线，输出更适合放进正式汇报与投标文档；代价是缺少 Excalidraw 那种可继续手绘编辑的自由度。 ### 2. architecture-diagram-zh — 中文化双主题架构图 **来源/安装**：本地 Skills 库，中文化深度定制。 **核心功能**：创建专业的系统架构图，输出为独立 HTML 文件（内含 SVG 图形），并内置深色/浅色双主题切换按钮。覆盖系统架构、基础设施拓扑、云架构可视化、安全架构、网络拓扑等场景，**全程中文标注与说明**——这一点在以英文为主的国际 Skills 生态里是稀缺优势。一张图同时讲清"组件—关系—数据流"，且能直接在浏览器里切换主题适配白天汇报与暗色大屏。 **评分**：功能 ★★★★（聚焦架构但不贪多）、上手 ★★★★★（中文触发词零门槛）、变现 ★★★（偏企业内部工具，通用性受限）、训练营 ★★★★（架构课极佳配套）、社区 ★★★。 **变现/训练营分析**：变现天花板在于"架构图"本身是低频高价值场景，更适合打包进"云架构咨询交付物"按项目收费，而非独立订阅。训练营价值更高——国内的云原生、5G 核心网、微服务课程普遍缺一套"能直接给学生看的中文架构图引擎"，单课 60 分钟即可带学员从空白到产出可双主题切换的拓扑图。 **与竞品对比**：相比 drawio-diagrams-enhanced 输出可在 Confluence/Visio 打开的 XML，architecture-diagram-zh 的 HTML+SVG 在"即开即看、主题切换、中文友好"上更轻量，但牺牲了在专业绘图工具里二次精修的能力。 ### 3. text-logic-diagram — 文本逻辑关系拆解引擎 **来源/安装**：本地 Skills 库，独家的"逻辑关系"切入角度。 **核心功能**：把一段文本（文章、论述、段落）做**逻辑拆解**，生成精准的逻辑关系 SVG 图。支持六种关系类型——递进、流程、循环、层次、对比、矩阵——并能**一次拆解多张图**。它的差异点不在"画得好看"，而在"读得懂逻辑"：给一篇议论文，它能识别出哪些是递进论点、哪些是对比论据，并分别成图。 **评分**：功能 ★★★★（六种关系覆盖主流论证结构）、上手 ★★★★（需输入结构化文本）、变现 ★★★★（内容创作者刚需）、训练营 ★★★★★（逻辑思维教学神器）、社区 ★★★。 **变现/训练营分析**：这是本期**训练营潜力最高**的一款。中学语文议论文教学、公务员申论、MBA 案例分析、产品需求论证，全都卡在"逻辑说不清楚"上。把 text-logic-diagram 包装成"逻辑可视化训练营"，4 周课程定价 399–699 元完全站得住。变现上，它天然是知识付费内容的"前置加工器"——先拆逻辑、再做图文、再转视频。 **与竞品对比**：没有直接竞品。思维导图类工具（XMind 封装）做的是"发散"，text-logic-diagram 做的是"论证结构识别"，二者正交。它填补的是"论点→可视化"的空白层。 ### 4. Excalidraw diagram 系 — 手绘风视觉论证 **来源/安装**：市场最热，`awesome-copilot@excalidraw-diagram-generator` 安装 **23.4K**、`coleam00/excalidraw-diagram-skill` 安装 5.5K、Obsidian 视觉版 2.4K；本地亦有 `excalidraw`、`excalidraw-diagram` 双版本。 **核心功能**：生成 Excalidraw 原生 JSON 文件，产出后**可在 excalidraw.com 直接打开并继续手绘编辑**。它的哲学被社区总结为"visual argumentation（视觉论证）"——不是把图画得像 Visio 那样规整，而是用克制的元素和留白去"讲一个观点"。手绘风格的副作用是降低了"AI 出图"的塑料感，这也是它在内容创作圈爆火的原因。 **评分**：功能 ★★★★（JSON 可编辑是杀手锏）、上手 ★★★（需理解 Excalidraw 元素结构，对小白有门槛）、变现 ★★★★（手绘风在社媒吃香）、训练营 ★★★★、社区 ★★★★★（**本期社区之王**）。 **变现/训练营分析**：2.3 万安装量说明一件事——手绘风可视化已是"内容创作者的默认审美"。变现路径是"知识博主配图工厂"：把抽象概念用手绘风画出来，单条小红书/视频号的完播率显著高于纯文字。训练营侧，它是"教 AI 画图"的最佳入门——因为 Excalidraw 容错高，学员即时获得成就感。 **与竞品对比**：相比 Mermaid 的"代码即图"，Excalidraw 牺牲了版本可控与 GitHub 原生渲染，换来了视觉人情味与可继续手绘的自由度。二者常被搭配使用：Mermaid 写进 README，Excalidraw 放进演示稿。 ### 5. mermaid-generator — 代码即图、版本可控 **来源/安装**：本地 `mermaid-generator`；市场 `softaworks/agent-toolkit@mermaid-diagrams` 安装 4.3K。Obsidian 集成版自动存入画板目录并按日期分类。 **核心功能**：把任意文本、工作流、逻辑转为清晰的 Mermaid 流程图，支持 flowchart、sequence、class 等多类型，自动保存到 Obsidian 画板目录。Mermaid 的核心价值是"代码即图"——纯文本、Git 可 diff、GitHub/Notion/Obsidian 原生渲染，让图表第一次具备了和源码同等的版本管理能力。 **评分**：功能 ★★★★（图型覆盖主流）、上手 ★★★★★（**本期最容易上手**）、变现 ★★★（门槛低竞争大）、训练营 ★★★★★（入门教学首选）、社区 ★★★★（标准格式生态稳固）。 **变现/训练营分析**：变现天花板低——Mermaid 太通用、太免费，很难单独立项收费，更适合作为"技术写作训练营"的免费附赠模块。但训练营价值极高：它是教"用 AI 写技术文档"的第一课，30 分钟即可让零基础学员产出能在 GitHub 渲染的架构图，正反馈极快。 **与竞品对比**：在"工程师友好度"上无出其右，但在"视觉精致度"上被 chart-craft-plus 与 Excalidraw 全面压制。它是基建，不是门面。 ### 6. article-to-excalidraw — 文章转图全链路引擎 **来源/安装**：本地 Skills 库，内容创作全链路代表。 **核心功能**：从一篇科普/技术文章，**一次性产出**一个垂直布局的 Excalidraw 文件（封面+多个内容区域）+ 一个提词器友好的口播脚本。定位明确：一篇文章 = 一条短视频的全部素材。覆盖短视频创作、知识分享、技术科普三大场景，与下游的 content-to-video、txt-to-video 无缝衔接。 **评分**：功能 ★★★★★（全链路、封面+内容+脚本一体化）、上手 ★★★★、变现 ★★★★★（**本期变现潜力最高**）、训练营 ★★★★、社区 ★★★。 **变现/训练营分析**：这是本期**商业闭环最完整**的引擎。知识博主的真实痛点不是"画一张图"，而是"一篇文章怎么变成一条能发的视频"。article-to-excalidraw 把"拆解—配图—脚本"三步压成一步，直接对接视频生成下游，构成"图文→视频"的自动化流水线。可包装为"日更短视频训练营"或按条计费的代运营服务，单条报价 50–200 元，规模化后是门可持续的生意。 **与竞品对比**：相比单独的 Excalidraw diagram 只产"一张图"，它产的是"一整套内容资产"；相比 chart-craft-plus 专注静态图表，它瞄准的是动态视频内容。差异化定位清晰，几乎无正面竞争。 ### 7. antvis chart-visualization — 专业数据可视化 **来源/安装**：市场 `antvis/chart-visualization-skills@chart-visualization` 安装 3.8K，**AntV 官方背书**（蚂蚁集团开源的 G2/G6 可视化体系）。 **核心功能**：基于 AntV（G2 统计图表、G6 关系图谱）的专业数据可视化引擎。与前面六款最大的区别是——它处理的是**真实数据**而非概念结构。从柱状、折线、饼图到桑基图、关系网络、地理热力图，输出的是可交互、可缩放、符合数据可视化最佳实践的专业图表，背后是 AntV 团队多年沉淀的图形语法。 **评分**：功能 ★★★★★（专业度最高）、上手 ★★★（需懂数据结构与字段语义）、变现 ★★★★（BI/数据故事高价值）、训练营 ★★★★、社区 ★★★★（官方背书增长稳）。 **变现/训练营分析**：变现天花板高但门槛也高——数据可视化是 BI 分析师、数据产品经理、财务分析师的核心生产力，把 antvis chart-visualization 包装成"数据故事化工作坊"，面向企业中层定价 2000–5000 元/人完全合理。训练营侧，它是"数据分析训练营"可视化模块的最佳引擎，但需要学员具备基础的数据素养。 **与竞品对比**：在"数据专业度"上本期无对手——chart-craft-plus 的数据图偏商务展示，antvis 偏统计严谨。两者互补：前者给老板看结论，后者给分析师看过程。 ## Skills 生态分类思维导图 ```mermaid mindmap root((图表可视化
Skills 生态)) 代码即图 Code-as-Diagram mermaid-generator softaworks mermaid-diagrams 版本可控 / GitHub 原生 手绘视觉 Hand-drawn Excalidraw diagram 系 awesome-copilot 23.4K article-to-excalidraw 全链路 企业架构 Enterprise architecture-diagram-zh 双主题 drawio-diagrams-enhanced 中文标注优势 逻辑关系 Logic text-logic-diagram 六种关系拆解 论证结构识别 全能工厂 All-in-One chart-craft-plus 35+图型 baoyu-diagram 8.9K 商务专业风 数据可视化 Data Viz antvis chart-visualization G2/G6 图形语法 官方背书 ``` ## 推荐排行榜 **按使用场景选型** | 场景 | 首选引擎 | 理由 | |---|---|---| | 写进 README / 技术文档 | mermaid-generator | 代码即图、Git 可 diff、原生渲染 | | 给老板看的商务汇报 | chart-craft-plus | 35+ 图型、商务专业风、风格可切 | | 做知识博主配图/视频 | article-to-excalidraw | 文章→图+脚本全链路 | | 教逻辑思维/议论文 | text-logic-diagram | 唯一做论证结构识别 | | 画中文系统架构图 | architecture-diagram-zh | 双主题、中文零门槛 | | 数据分析与 BI | antvis chart-visualization | 专业图形语法、官方背书 | | 手绘风白板/概念图 | Excalidraw diagram 系 | 社区最热、可继续编辑 | **按变现潜力排序**：article-to-excalidraw ＞ chart-craft-plus ＞ antvis chart-visualization ＞ Excalidraw diagram 系 ＞ text-logic-diagram ＞ architecture-diagram-zh ＞ mermaid-generator。 **按训练营适用性排序**：text-logic-diagram ＝ mermaid-generator ＞ chart-craft-plus ＞ Excalidraw diagram 系 ＞ article-to-excalidraw ＞ architecture-diagram-zh ＞ antvis chart-visualization。 **按社区活跃度排序**：Excalidraw diagram 系（23.4K）＞ mermaid-generator（4.3K）＞ antvis chart-visualization（3.8K）＞ chart-craft-plus（市场版 8.9K）＞ 其余本地化产品。 **一句话结论**：如果你只装一款做日常配图，选 **Excalidraw diagram 系**（生态最热、可继续编辑）；如果你要做内容变现，选 **article-to-excalidraw**（全链路商业闭环）；如果你要做训练营生意，选 **text-logic-diagram**（独占逻辑可视化蓝海）。图表可视化这条产线已经从"画图工具"进化成了"内容资产生产线"，谁先把它接进自己的内容漏斗，谁就先拿到规模化变现的入场券。 ## 参考来源 1. [AI diagrams in 2026: mermaid vs drawio vs excalidraw skills](https://aipptskill.com/blog/ai-diagram-skills-guide/) — 横向对比三大主流 AI 图表 Skills 的输出格式、可编辑性与适用场景决策树。 2. [drawio vs Excalidraw vs Mermaid vs Penpot — MCP.Directory](https://mcp.directory/blog/drawio-vs-excalidraw-vs-mermaid-vs-penpot-skills-2026) — 四款图表与设计类 Skills 的并排矩阵、安装配方与常见陷阱。 3. [The Excalidraw Diagram Skill — Teaching Coding Agents Visual Argumentation](https://ice-ice-bear.github.io/posts/2026-04-01-excalidraw-skill/) — 以 Excalidraw diagram skill 为案例深度解析 Claude Code Skills 架构与"视觉论证"哲学。 4. [skills.sh 市场安装数据](https://skills.sh/) — Excalidraw diagram 系 23.4K、baoyu-diagram 8.9K、mermaid-diagrams 4.3K、antvis chart-visualization 3.8K 等安装量统计来源。 5. [Claude Skills Library](https://claudeskills.club/) — 面向 Claude Code / Codex / Cursor 的策展型 agent skills 与工作流目录。 > [!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 等场景全覆盖。