这是 Claude Code Skills 生态评测的第 2 轮，聚焦"前端设计"赛道里一个被严重低估的细分领域——技术架构图与系统拓扑图生成引擎。当所有人都在卷落地页、组件库、品牌主题时，真正决定一份方案、一篇技术评审、一本咨询报告"专业感"的，往往是一张讲得清楚架构的图。
本期从可用 Skills 中筛出 7 款"代码即图纸"型引擎——chart-craft-plus、architecture-diagram-zh、text-logic-diagram、mermaid-generator、excalidraw-diagram、json-canvas、canvas-design——按功能完整度、上手难度、变现潜力、训练营适用性、社区活跃度五维打分。结论先行：多面手选 chart-craft-plus，专业架构选 architecture-diagram-zh，教学亲和选 excalidraw-diagram，三者构成"咨询交付—技术评审—知识讲解"的完整闭环，单条赛道即可支撑一个付费训练营。
| Skill | 类型覆盖广度 | 输出形态 | 上手(★) | 变现(★) | 综合(★) |
|---|---|---|---|---|---|
| chart-craft-plus | 极广（35+类，技术+业务全覆盖） | HTML，3风格+品牌扩展 | ★★★★☆ | ★★★★★ | ★★★★★ |
| architecture-diagram-zh | 专精（架构/拓扑/云/安全/网络） | 独立HTML+SVG，深浅双主题 | ★★★★☆ | ★★★★☆ | ★★★★☆ |
| text-logic-diagram | 聚焦（6种逻辑关系） | SVG，中文，可批量 | ★★★★★ | ★★★☆☆ | ★★★★☆ |
| mermaid-generator | 中等（flowchart/sequence/class） | Mermaid代码，存Obsidian | ★★★★☆ | ★★★☆☆ | ★★★★☆ |
| excalidraw-diagram | 中等（手绘风可视化论证） | Excalidraw JSON | ★★★★☆ | ★★★★☆ | ★★★★☆ |
| json-canvas | 窄（Obsidian空间画板格式） | JSON Canvas | ★★★★☆ | ★★☆☆☆ | ★★★☆☆ |
| canvas-design | 中等（静态海报/艺术） | PNG/PDF | ★★★★☆ | ★★★★☆ | ★★★★☆ |
来源与安装：本地 Skill 库，npx skills 生态内可装，触发词覆盖"画个架构图/流程图/思维导图/时序图/甘特图/SWOT/竞品分析/ER图/C4图/网络拓扑/威胁建模"等十余种自然表达。
核心能力：一语句法把任意描述渲染成 35+ 种图表 HTML，横跨技术架构（C4、ER、部署图、网络拓扑、BPMN、状态机、决策树）、流程逻辑（时序、泳道、流程）、业务战略（SWOT、商业模式画布、价值链、OKR树、竞品分析）、数据可视化（漏斗、桑基、热力图、KPI看板、韦恩图）、信息展示（思维导图、概念图、产品路线图）五大门类，并内置黑白简约、深色暗调、Claude暖色三套视觉风格，支持品牌风格扩展。
五维评分：功能完整度★★★★★（生态内最全，几乎无短板）；上手★★★★☆（触发词丰富，但35类选项需要一点记忆）；变现★★★★★（咨询报告、商业计划书、技术文档一站式出图，单图可挂客单）；训练营★★★★★（产品经理、架构师、咨询顾问课程皆可嵌）；社区★★★★☆。
变现与训练营：这是本期变现天花板最高的引擎。一份完整的投标方案需要业务画布+技术C4+数据看板三类图，过去要 Visio+draw.io+Power BI 三个工具轮番切换，现在一条对话链路搞定。改造成"咨询交付物自动化"付费产品，定价空间在中端市场（单次方案出图服务可标 800–2000 元），训练营可设计为"48 小时学会用 AI 出咨询级图表"。
与竞品对比：对标开源的 Mermaid+PlantUML+D2 组合，但胜在"一对话即出多类型"，无需学语法；劣势是深度定制布局不如 D2 精细，自动布局的连线美感偶尔需要手工微调。
来源与安装：本地 Skill，触发于"系统架构图、基础设施拓扑、云架构可视化、安全架构图、网络拓扑图"等场景。
核心能力：输出独立的 HTML 文件（内嵌 SVG 图形），最大卖点是深色/浅色双主题一键切换按钮与全中文标注。它不追求图表种类多，而是把"系统架构图"这一品类做到深——组件分层清晰、连线语义化、可在浏览器里直接切换主题适配明暗两种汇报场景。一个文件就是一张可交付的架构总览，适合直接嵌进方案或挂内网 wiki。
五维评分：功能完整度★★★★☆（深度够、广度聚焦）；上手★★★★☆（自然语言触发即生成）；变现★★★★☆（架构评审、招投标技术方案刚需）；训练营★★★★☆（架构师成长课、云原生课程的标准教具）；社区★★★☆☆。
变现与训练营：架构图是技术评审的"门面"——评审会上投影的第一张图往往决定方案能不能过。这款 Skill 的双主题切换在"白天投屏浅色、夜间值班深色"的真实场景里很实用。改造成"架构师绘图包"付费产品，可对标咨询公司的架构模板库。训练营建议 2 课时讲透 C4 四层与网络拓扑，配合真实云架构案例演练。
与竞品对比：相比 chart-craft-plus 的"广"，它胜在"专"——中文标注和主题切换是面向中文汇报场景的差异化；相比 draw.io 手工绘制，它省去拖拽对齐的时间，代价是节点位置的自由度略低。
来源与安装：本地 Skill，触发于"逻辑图、思维导图、关系图、流程图"且输入为文本段落/论述内容时。
核心能力：专注做一件事——把一段中文文本逻辑拆解成精准的 SVG 关系图，支持递进、流程、循环、层次、对比、矩阵六种关系类型，一次可批量生成多张。它不画系统组件，画的是"论证结构"：一篇文章先讲什么后讲什么、哪些是并列哪些是因果，被它拆成可视化的骨架。
五维评分：功能完整度★★★☆☆（类型精但少）；上手★★★★★（粘贴段落即出图，零学习成本）；变现★★★☆☆（知识博主、课件辅助）；训练营★★★★☆（写作、逻辑、批判性思维课程）；社区★★★☆☆。
变现与训练营：它的价值不在"好看"，在"把作者的思路可视化"——非常适合做读书笔记、论文拆解、课程大纲的可视化。变现路径偏内容侧：知识付费创作者用它批量产出"一本书的 6 张逻辑图"系列，引流效果稳定。训练营可嵌入"结构化写作"模块，2 课时即可让学员掌握。
与竞品对比：与 mermaid-generator 都做文本转图，但 mermaid 偏"系统流程"，它偏"语义逻辑"；与 Excalidraw 手绘相比，它胜在自动拆解，劣势是审美较朴素、不强调手绘亲和力。
来源与安装：本地 Skill，自动按日期与主题分类存入 Obsidian 画板目录。
核心能力：把任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图，覆盖 flowchart、sequence、class 等多种类型。依托 Mermaid.js 这一被 GitHub、GitLab、多数文档平台原生渲染的事实标准，输出的代码块可以无缝贴进 Markdown 文档、PR 描述、技术博客。
五维评分：功能完整度★★★★☆（Mermaid 子集够用）；上手★★★★☆（自然语言+Mermaid 语法双轨）；变现★★★☆☆（技术文档、博客刚需但客单不高）；训练营★★★★☆（开发者必学）；社区★★★★☆（背靠 Mermaid 庞大生态）。
变现与训练营：Mermaid 是开发者文档的"通用语"，这款 Skill 的价值在于让不会写 Mermaid 语法的人也能直接产出合规图。变现偏"效率工具"而非"高客单交付"，适合做成开发者订阅或文档自动化 SaaS 的小功能模块。训练营里它是"技术写作"课的基础件，1–2 课时即可上手。
与竞品对比：相比 D2 的精致布局、PlantUML 的厚重，Mermaid 胜在生态兼容性——图能直接渲染在几乎所有代码托管平台。劣势是复杂图的自动布局偶有交叉、美观度上限有限。
来源与安装：本地 Skill（与 excalidraw、article-to-excalidraw 同族），输出 Excalidraw 可编辑 JSON。
核心能力：生成 Excalidraw 图表 JSON 文件，用来"做视觉论证"——用手绘风格的连线、箭头、标注，把一个观点、一段推理、一套方案讲得既亲切又有说服力。手绘美学天然降低读者的防御心理，特别适合教学、朋友圈分享、技术讲解视频的画面。
五维评分：功能完整度★★★★☆（风格独特、可二次编辑）；上手★★★★☆（自然语言触发）；变现★★★★☆（知识付费、自媒体视觉锤）；训练营★★★★☆（教学亲和力强）；社区★★★★☆（Excalidraw 全球流行）。
变现与训练营：手绘风是内容创作者的"视觉差异化武器"——同样的知识点，手绘图比规整图更容易被记住和转发。变现上，配合口播脚本可形成"一图一讲"的短视频内容矩阵。训练营里它适合做"知识讲解可视化"模块，老师上手快、学员产出有成就感。
与竞品对比：相比 chart-craft-plus 的商务感、architecture-diagram-zh 的工程感，它独占"亲和力"赛道；相比原生 Excalidraw 手动绘制，它省去排版时间，劣势是复杂架构图的手绘表达力不如矢量精确。
来源与安装：本地 Skill（Obsidian 插件族 obsidian:json-canvas 等）。
核心能力：输出符合 Obsidian JSON Canvas 规范的空间布局文件，节点可在 Obsidian 画板里自由拖拽、缩放、链接。它不画传统意义的关系图，而是提供一个可编辑的空间画布——把碎片知识、卡片、链接按空间关系组织成一张思维地图。
五维评分：功能完整度★★★☆☆（纯格式，依赖宿主）；上手★★★★☆（懂 Obsidian 即可）；变现★★☆☆☆（小众 PKM 人群）；训练营★★★☆☆（个人知识管理课）；社区★★★☆☆。
变现与训练营：它是 Obsidian 重度用户的"基础设施级"Skill，价值在于把生成式内容固化进可长期演进的知识画板。变现天花板较低，更适合作为"个人知识管理训练营"的配套组件而非独立产品。训练营可设计为"用 AI 构建 Obsidian 第二大脑"的一个章节。
与竞品对比：与上面几款"出图即成品"不同，它强调"出图可继续生长"；劣势是脱离 Obsidian 几乎无用武之地，受众面窄。
来源与安装：本地 Skill（与 example-skills:canvas-design 同源），输出 PNG 与 PDF。
核心能力：基于设计哲学创建原创静态视觉作品——海报、艺术图、设计稿。明确强调"创作原创视觉设计，绝不复制现有艺术家作品以避免版权风险"，这一点在生成式内容泛滥的当下是重要合规护城河。
五维评分：功能完整度★★★★☆（静态视觉完备）；上手★★★★☆（自然语言描述需求）；变现★★★★☆（海报、品牌物料、活动视觉）；训练营★★★☆☆（设计入门）；社区★★★☆☆。
变现与训练营：与"图表引擎"不同，它做的是"无数据的设计图"——活动海报、品牌主视觉、社交媒体封面。变现可直接对接中小企业设计外包需求，单张海报定价空间清晰。训练营里它是"AI 视觉设计入门"的实操件，配合版权意识教学价值更高。
与竞品对比：相比 chart-craft-plus 的"信息图"、excalidraw 的"手绘图"，它专攻"纯设计美学"；原创性合规是它与"复制粘贴式"生成工具的核心分水岭。
mindmap
root((架构图引擎))
技术工程图
系统架构
architecture-diagram-zh
深浅双主题
中文标注
全类型覆盖
chart-craft-plus
C4 / ER / 部署
BPMN / 拓扑 / 威胁建模
流程时序
mermaid-generator
Markdown 原生渲染
逻辑语义图
text-logic-diagram
递进 / 流程 / 循环
层次 / 对比 / 矩阵
亲和手绘图
excalidraw-diagram
手绘风视觉论证
可编辑 JSON
空间知识图
json-canvas
Obsidian 画板
可长期演进
静态设计图
canvas-design
原创海报艺术
版权合规
按变现潜力排序 1. chart-craft-plus —— 咨询/投标一站式出图，客单最高 2. architecture-diagram-zh —— 架构评审刚需，B 端场景稳定 3. canvas-design —— 海报外包，定价清晰 4. excalidraw-diagram —— 内容矩阵，引流转化强
按上手难度排序（越易越前） 1. text-logic-diagram —— 粘贴段落即出图 2. excalidraw-diagram —— 自然语言触发 3. chart-craft-plus —— 触发词丰富
按训练营适用性排序 1. chart-craft-plus —— 适配产品/架构/咨询多门课 2. excalidraw-diagram —— 教学亲和，学员产出快 3. architecture-diagram-zh —— 架构师成长课标准件
按场景的最优组合建议 - 投标/咨询交付：chart-craft-plus 出业务图 + architecture-diagram-zh 出技术架构图 - 知识付费短视频：excalidraw-diagram 出画面 + text-logic-diagram 出逻辑骨架 - 开发者文档：mermaid-generator 出流程图，保证平台原生渲染 - 个人知识管理：json-canvas 沉淀 + canvas-design 出对外封面
一句话选型：要广度上 chart-craft-plus，要专业上 architecture-diagram-zh，要温度上 excalidraw-diagram——三者互补，足以撑起一个"AI 出图训练营"的完整产品线，是本期最值得优先投入的 trio。
[!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 等场景全覆盖。