## 概述：当一句话成为一张图 本期聚焦 Claude Code 生态中「文本到图表」的设计引擎——用户给出一段描述、一篇文章或一份需求，引擎自动产出可交付的图表。这并非泛泛的「数据可视化」，而是专门服务于**逻辑表达、架构呈现、商业叙事**的图表设计层：商业模式画布、SWOT、ER 图、系统架构图、逻辑关系 SVG、Excalidraw 手绘稿、出版物级信息图。 我们横评七款代表性 Skill：`chart-craft-plus`、`chart-craft`、`text-logic-diagram`、`architecture-diagram-zh`、`mermaid-generator`、`excalidraw-diagram`、`baoyu-infographic`。评测发现，这一赛道已从「能出图」进化到「出好图、出对图、出能改的图」——风格可切、逻辑可拆、主题可换，部分引擎甚至能反向从代码库扫描出架构。变现空间集中在咨询交付、知识付费课件与品牌物料三个方向，客单价中高。 ## 评测对比总表 | Skill | 核心定位 | 图表能力 | 输出形态 | 功能(25%) | 上手(20%) | 变现(25%) | 训练营(15%) | 社区(15%) | 加权 | |---|---|---|---|---|---|---|---|---|---| | **chart-craft-plus** | 全能图表生成器 | 35+ 类型/5 类 | HTML 多风格 | ★★★★★ | ★★★★ | ★★★★★ | ★★★★ | ★★★ | **4.35** | | **baoyu-infographic** | 出版级信息图 | 20 布局×17 风格 | HTML/PNG | ★★★★★ | ★★★★ | ★★★★★ | ★★★★ | ★★★ | **4.35** | | **chart-craft** | 精简图表工具 | 10 类型 | HTML 3 风格 | ★★★★ | ★★★★★ | ★★★★ | ★★★★★ | ★★★ | **4.20** | | **mermaid-generator** | 文本→Mermaid | flowchart/seq/class | Mermaid/Obsidian | ★★★★ | ★★★★★ | ★★★ | ★★★★★ | ★★★★ | **4.10** | | **text-logic-diagram** | 逻辑关系拆解 | 6 类关系 | 精准 SVG | ★★★★ | ★★★★ | ★★★★ | ★★★★ | ★★★ | **3.85** | | **architecture-diagram-zh** | 系统架构图 | 拓扑/云/安全 | HTML 双主题 | ★★★★ | ★★★★ | ★★★★ | ★★★★ | ★★★ | **3.85** | | **excalidraw-diagram** | 手绘风可视化 | Excalidraw JSON | 可编辑 .excalidraw | ★★★★ | ★★★★ | ★★★ | ★★★★ | ★★★★ | **3.75** | ## 逐个深度评测 ### 1. chart-craft-plus ——「图表界的瑞士军刀」 **来源**：社区 Skill（图表生成增强版）。**核心能力**：覆盖技术架构、流程逻辑、业务战略、数据可视化、信息展示五大类、35+ 种图表，从时序图、甘特图、桑基图到 BPMN、状态机、威胁建模、OKR 树、韦恩图、KPI 看板一应俱全。内置三种视觉风格（黑白简约、深色暗调、Claude 暖色）并支持品牌风格扩展，触发词极宽——「画个 XX 图」「做个甘特图」「帮我可视化」皆可命中。 **维度评分**：功能 ★★★★★｜上手 ★★★★｜变现 ★★★★★｜训练营 ★★★★｜社区 ★★★ ### 2. baoyu-infographic ——「出版级信息图工厂」 **来源**：知名博主「宝玉」系列 Skill。**核心能力**：分析内容后自动推荐「布局×风格」组合，内置 20 种布局、17 种视觉风格，产出可直接发布的信息图。理解自然语义「信息图」「visual summary」「可视化」即可触发，并能按平台（公众号、博客封面、报告插图）适配纵横比。 **维度评分**：功能 ★★★★★｜上手 ★★★★｜变现 ★★★★★｜训练营 ★★★★｜社区 ★★★ **变现与教学**：信息图是内容创作者的高频刚需，单张定制市场价 200–800 元。该引擎可支撑「日更信息图」自媒体矩阵，亦适合知识付费做配套图卡；训练营可拆为「排版美学 + 视觉风格选择」两讲。与 chart-craft-plus 的差异在于：宝玉版专攻「单张信息图的信息密度与出版级排版」，而非图族广度——它是「海报设计师」，不是「图表大全」。 ### 3. chart-craft ——「精简专注的十图工具」 **来源**：社区 Skill（chart-craft 基础版）。**核心能力**：聚焦 10 种高频图表——流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT、产品路线图、组织架构图，三风格切换。触发词与 plus 版部分重叠但更收敛。 **维度评分**：功能 ★★★★｜上手 ★★★★★｜变现 ★★★★｜训练营 ★★★★★｜社区 ★★★ **变现与教学**：上手难度全场最低，是训练营「第一堂课」的理想选择——10 张图恰好覆盖一个产品从战略到落地的完整叙事链。教学时长建议 3 小时，学员当堂可产出一份完整商业计划图表包。变现上虽不如 plus 版激进，但「十图速成模板」可作为低客单引流产品（99–199 元）。短板是图族固定，遇到非标需求需手动迁回 plus 版。 ### 4. mermaid-generator ——「文本图表的守门人」 **来源**：社区 Skill（Obsidian 生态）。**核心能力**：将任意文本、工作流、逻辑转为清晰简约的 Mermaid 代码，支持 flowchart、sequence、class 等多类型，自动保存到 Obsidian 画板目录并按日期/主题分类。Mermaid 本身是 GitHub、Notion、Markdown 原生渲染的「图表即代码」标准。 **维度评分**：功能 ★★★★｜上手 ★★★★★｜变现 ★★★｜训练营 ★★★★★｜社区 ★★★★ **变现与教学**：社区最成熟的赛道——GitHub 上 `WH-2099/mermaid-skill` 等仓库已支持 23 种图族并通过 mmdc/Kroki 导出 PNG/SVG/PDF，生态文档最全。教学价值极高，是开发者「图表即代码」思维的最佳入门，可与 Git 工作流、README 自动化绑定做进阶课。变现偏弱因其本质是代码生成而非设计产物，但可打包为「技术文档自动化」B 端方案。 ### 5. text-logic-diagram ——「逻辑关系的精准拆解器」 **来源**：社区 Skill（中文逻辑可视化）。**核心能力**：对文本段落进行逻辑拆解，生成精准的 SVG 关系图，覆盖递进、流程、循环、层次、对比、矩阵六种关系类型，支持中文且一次可拆多张图。触发条件是「提供文本 + 要求生成逻辑图/关系图」。 **维度评分**：功能 ★★★★｜上手 ★★★★｜变现 ★★★★｜训练营 ★★★★｜社区 ★★★ **变现与教学**：独特价值在于「逻辑正确性优先」——它不追求美观炫技，而追求关系语义的精准表达，这对知识博主、咨询顾问、培训师制作「论证结构图」「方法论关系图」极有价值。训练营可作为「结构化思维」模块的核心工具，2 小时即可掌握六种关系模板。短板是风格偏单一、SVG 后续编辑需矢量软件。竞品对比：相比 Mermaid 的「代码即图」，它走的是「语义即图」路线，更贴近非技术用户。 ### 6. architecture-diagram-zh ——「双主题架构图专家」 **来源**：社区 Skill（中文系统架构）。**核心能力**：创建专业、支持深色/浅色双主题切换的系统架构图，输出独立 HTML 文件（内含 SVG 图形），覆盖基础设施拓扑、云架构、安全架构、网络拓扑，支持中文标注并内置主题切换按钮。 **维度评分**：功能 ★★★★｜上手 ★★★★｜变现 ★★★★｜训练营 ★★★★｜社区 ★★★ **变现与教学**：双主题切换是其杀手锏——一份架构图同时适配白天演示与暗色 UI 截图，这对售前、技术布道、开源项目 README 是刚需。GitHub 上 Cocoon-AI 的 architecture-diagram-generator 已验证该方向的市场热度。训练营适合「云架构师」「解决方案架构」课程，4 小时教学。变现可走「架构图代绘 + 模板订阅」路线，单图 500–2000 元。短板：图族专注架构，业务图能力弱。 ### 7. excalidraw-diagram ——「手绘风的可编辑稿」 **来源**：社区 Skill（coleam00/excalidraw-diagram-skill 系）。**核心能力**：生成 Excalidraw JSON 文件，将复杂文本与技术概念转为手绘风可视化，支持架构、数据流、工作流、系统设计，输出可在 Excalidraw 中二次编辑。 **维度评分**：功能 ★★★★｜上手 ★★★★｜变现 ★★★｜训练营 ★★★★｜社区 ★★★★ **变现与教学**：手绘风自带「人情味」，在技术博客、教程、PPT 中辨识度极高，社区热度由 coleam00（Cole Medin）背书。可编辑是其差异化——产物不是死图而是可拖拽的画板，适合团队协作讨论。教学上适合「技术写作视觉化」课程。短板在于变现难标准化（手绘风格主观），且 JSON 结构对非技术用户不够友好。竞品对比：相比输出静态 SVG 的引擎，它牺牲了精致度换取了可编辑性与亲和力。 ## 思维导图：图表设计引擎生态分类 ```mermaid mindmap root((图表设计引擎)) 按输出形态 代码即图(Mermaid) mermaid-generator 矢量即图(SVG) text-logic-diagram 网页即图(HTML) chart-craft-plus chart-craft architecture-diagram-zh 画板即图(JSON) excalidraw-diagram 出版即图(信息图) baoyu-infographic 按场景定位 业务战略(画布/SWOT) 系统架构(拓扑/云) 逻辑论证(六关系) 手绘叙事(Excalidraw) 按变现路径 B端咨询交付 C端知识付费 品牌白标SaaS ``` ## 推荐排行榜 **🥇 综合战力榜（加权总分）** 1. chart-craft-plus（4.35）——图族最广，SaaS 化首选 2. baoyu-infographic（4.35）——出版级排版，内容创作者首选 3. chart-craft（4.20）——精简上手快，教学首选 4. mermaid-generator（4.10）——生态最成熟，开发者首选 5. text-logic-diagram（3.85）——逻辑最精准，咨询首选 6. architecture-diagram-zh（3.85）——双主题，架构师首选 7. excalidraw-diagram（3.75）——可编辑手绘，技术写作首选 **💰 变现潜力榜**：baoyu-infographic ≈ chart-craft-plus ＞ chart-craft ＞ text-logic-diagram ＝ architecture-diagram-zh ＞ mermaid-generator ＞ excalidraw-diagram **🎓 训练营教学榜**：chart-craft ＞ mermaid-generator ＞ chart-craft-plus ＞ text-logic-diagram ＞ excalidraw-diagram ＞ architecture-diagram-zh ＝ baoyu-infographic **🚀 上手友好榜**：chart-craft ＝ mermaid-generator ＞ chart-craft-plus ＝ baoyu-infographic ＞ text-logic-diagram ＝ architecture-diagram-zh ＝ excalidraw-diagram **选型决策**：要做产品化图库选 chart-craft-plus；做内容自媒体选 baoyu-infographic；做开发者课程选 mermaid-generator；做咨询方法论选 text-logic-diagram；做售前架构选 architecture-diagram-zh；做技术博客选 excalidraw-diagram；做入门训练营选 chart-craft。七引擎并非互斥，理想组合是「mermaid-generator 管代码侧 + chart-craft-plus 管设计侧」的双轨配置，覆盖从仓库 README 到客户提案的全链路。 ## 参考来源 1. [Claude Code for Creating Diagrams — Nick Babich, UX Planet](https://uxplanet.org/claude-code-for-creating-diagrams-4f98b8e15542) — 探讨 Claude Code 创建复杂图表（柱图/饼图/线图与流程图）的实践，2026-04 2. [Best Diagram Skills for Claude Code (2026) — Claude Skills Hub](https://claudeskills.info/best/diagram-skills/) — 横评 mermaid-diagrams、mermaid-expert、excalidraw-diagram-generator 等图表 Skill，给出场景化推荐 3. [excalidraw-diagram-skill — coleam00 (Cole Medin), GitHub](https://github.com/coleam00/excalidraw-diagram-skill) — 自然语言生成 Excalidraw 手绘风图表的开源 Skill，社区高星 4. [mermaid-skill — WH-2099, GitHub](https://github.com/WH-2099/mermaid-skill) — 支持 23 种 Mermaid 图族、语法校验，通过 mmdc/Kroki 导出 PNG/SVG/PDF 5. [10倍效率背后：Claude Code 让架构图从此告别手绘时代 — 知乎](https://zhuanlan.zhihu.com/p/2044078212716685247) — 介绍 Cocoon-AI 的 architecture-diagram-generator 架构图 Skill 实践 > [!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 等场景全覆盖。