本期聚焦 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 |
来源:社区 Skill(图表生成增强版)。核心能力:覆盖技术架构、流程逻辑、业务战略、数据可视化、信息展示五大类、35+ 种图表,从时序图、甘特图、桑基图到 BPMN、状态机、威胁建模、OKR 树、韦恩图、KPI 看板一应俱全。内置三种视觉风格(黑白简约、深色暗调、Claude 暖色)并支持品牌风格扩展,触发词极宽——「画个 XX 图」「做个甘特图」「帮我可视化」皆可命中。
维度评分:功能 ★★★★★|上手 ★★★★|变现 ★★★★★|训练营 ★★★★|社区 ★★★
来源:知名博主「宝玉」系列 Skill。核心能力:分析内容后自动推荐「布局×风格」组合,内置 20 种布局、17 种视觉风格,产出可直接发布的信息图。理解自然语义「信息图」「visual summary」「可视化」即可触发,并能按平台(公众号、博客封面、报告插图)适配纵横比。
维度评分:功能 ★★★★★|上手 ★★★★|变现 ★★★★★|训练营 ★★★★|社区 ★★★
变现与教学:信息图是内容创作者的高频刚需,单张定制市场价 200–800 元。该引擎可支撑「日更信息图」自媒体矩阵,亦适合知识付费做配套图卡;训练营可拆为「排版美学 + 视觉风格选择」两讲。与 chart-craft-plus 的差异在于:宝玉版专攻「单张信息图的信息密度与出版级排版」,而非图族广度——它是「海报设计师」,不是「图表大全」。
来源:社区 Skill(chart-craft 基础版)。核心能力:聚焦 10 种高频图表——流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT、产品路线图、组织架构图,三风格切换。触发词与 plus 版部分重叠但更收敛。
维度评分:功能 ★★★★|上手 ★★★★★|变现 ★★★★|训练营 ★★★★★|社区 ★★★
变现与教学:上手难度全场最低,是训练营「第一堂课」的理想选择——10 张图恰好覆盖一个产品从战略到落地的完整叙事链。教学时长建议 3 小时,学员当堂可产出一份完整商业计划图表包。变现上虽不如 plus 版激进,但「十图速成模板」可作为低客单引流产品(99–199 元)。短板是图族固定,遇到非标需求需手动迁回 plus 版。
来源:社区 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 端方案。
来源:社区 Skill(中文逻辑可视化)。核心能力:对文本段落进行逻辑拆解,生成精准的 SVG 关系图,覆盖递进、流程、循环、层次、对比、矩阵六种关系类型,支持中文且一次可拆多张图。触发条件是「提供文本 + 要求生成逻辑图/关系图」。
维度评分:功能 ★★★★|上手 ★★★★|变现 ★★★★|训练营 ★★★★|社区 ★★★
变现与教学:独特价值在于「逻辑正确性优先」——它不追求美观炫技,而追求关系语义的精准表达,这对知识博主、咨询顾问、培训师制作「论证结构图」「方法论关系图」极有价值。训练营可作为「结构化思维」模块的核心工具,2 小时即可掌握六种关系模板。短板是风格偏单一、SVG 后续编辑需矢量软件。竞品对比:相比 Mermaid 的「代码即图」,它走的是「语义即图」路线,更贴近非技术用户。
来源:社区 Skill(中文系统架构)。核心能力:创建专业、支持深色/浅色双主题切换的系统架构图,输出独立 HTML 文件(内含 SVG 图形),覆盖基础设施拓扑、云架构、安全架构、网络拓扑,支持中文标注并内置主题切换按钮。
维度评分:功能 ★★★★|上手 ★★★★|变现 ★★★★|训练营 ★★★★|社区 ★★★
变现与教学:双主题切换是其杀手锏——一份架构图同时适配白天演示与暗色 UI 截图,这对售前、技术布道、开源项目 README 是刚需。GitHub 上 Cocoon-AI 的 architecture-diagram-generator 已验证该方向的市场热度。训练营适合「云架构师」「解决方案架构」课程,4 小时教学。变现可走「架构图代绘 + 模板订阅」路线,单图 500–2000 元。短板:图族专注架构,业务图能力弱。
来源:社区 Skill(coleam00/excalidraw-diagram-skill 系)。核心能力:生成 Excalidraw JSON 文件,将复杂文本与技术概念转为手绘风可视化,支持架构、数据流、工作流、系统设计,输出可在 Excalidraw 中二次编辑。
维度评分:功能 ★★★★|上手 ★★★★|变现 ★★★|训练营 ★★★★|社区 ★★★★
变现与教学:手绘风自带「人情味」,在技术博客、教程、PPT 中辨识度极高,社区热度由 coleam00(Cole Medin)背书。可编辑是其差异化——产物不是死图而是可拖拽的画板,适合团队协作讨论。教学上适合「技术写作视觉化」课程。短板在于变现难标准化(手绘风格主观),且 JSON 结构对非技术用户不够友好。竞品对比:相比输出静态 SVG 的引擎,它牺牲了精致度换取了可编辑性与亲和力。
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 到客户提案的全链路。
[!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 等场景全覆盖。
