## 一、概述：为什么"概念画布"值得单独立项评测 在 Claude Code Skills 生态里，"可视化"早已是一片红海。但仔细拆解就会发现，绝大多数评测都把目光锁在**成品级输出**上——`一语千图`类的数据图表、`版面即门面`类的平面信息图、`令牌即颜值`类的样式工程。它们追求的是"给最终用户看的、可发布的、像素级精致的产物"。 本期评测聚焦一个长期被低估却更贴近"思考过程"的细分赛道：**概念画布（Concept Canvas）**。这类 Skill 的产物不是给陌生人看的海报，而是给思考者自己看的**推演白板**——把脑子里的递进、流程、循环、层次、对比、矩阵、架构关系快速外化成可编辑、可二次修改的草图或 JSON 结构。它们的共同特征是：**手绘感优先于精致感、可编辑性优先于发布性、关系表达优先于数据渲染**。 这与 coleam00 提出的"Visual Argumentation（视觉论证）"理念高度吻合——图不是装饰，而是论点的载体。本期从手绘派、关系派、画布派、架构派、图表派五个流派中挑选七款代表性 Skill，从功能完整度、上手难度、变现潜力、训练营适用性、社区活跃度五个维度进行实测。 ## 二、评测对象全景对照表 | Skill | 流派 | 输出格式 | 核心场景 | 一句话定位 | |---|---|---|---|---| | excalidraw-diagram | 手绘·论证 | `.excalidraw` JSON | 架构/流程/概念 | 手绘论证的"教科书级"标杆 | | excalidraw | 手绘·原生 | `.excalidraw` JSON | 通用草图 | 最朴素的原生画布基线 | | article-to-excalidraw | 手绘·长文 | 垂直多区域图+口播稿 | 文章可视化 | 长文拆解的流水线工厂 | | text-logic-diagram | 关系·SVG | 纯 SVG | 文本逻辑可视化 | 六种关系的拆解利器 | | chart-craft | 图表·框架 | 独立 HTML | 商业框架图 | 十类商业图的全能选手 | | json-canvas | 画布·开放 | `.canvas` (JSON Canvas) | 知识图谱/PKM | 无限画布的开放标准 | | architecture-diagram-zh | 架构·双主题 | HTML+SVG | 系统架构图 | 一键切换明暗的中文架构图 | ## 三、逐个深度评测 ### 1. excalidraw-diagram — 手绘论证流派的教科书 **来源**：社区最知名的 Excalidraw 衍生 Skill，原始作者 Cole Medin（coleam00），在 SkillsMP、mcpmarket、awesomeskill 等多个市场均有镜像收录。**安装**：`npx skills add coleam00/excalidraw-diagram-skill`。 **核心功能演示**：输入一句"画出微服务订单系统的服务拓扑与数据流"，它不会画一张静态截图，而是产出一份符合 Excalidraw 原生 JSON schema 的 `.excalidraw` 文件——箭头绑定、文字可编辑、元件可拖拽。其设计哲学在于"make visual arguments"：图是论点，每个元件的相对位置、连线方向都在传递信息密度，而非追求渲染漂亮。 **五维度评分**： - 功能完整度 ★★★★☆：JSON 生成成熟，但渲染仍依赖 Excalidraw 客户端/Web 端。 - 上手难度 ★★★★☆：纯自然语言驱动，门槛极低。 - 变现潜力 ★★★★☆：可包装成"AI 架构图即服务"或咨询交付物。 - 训练营适用性 ★★★★★：思维可视化教学的最佳载体。 - 社区活跃度 ★★★★★：同类 Skill 中引用最广，几乎是手绘派的"事实标准"。 **变现/训练营分析**：对架构师、技术顾问而言，它能将"系统设计面试"与"方案投标"的图示环节从分钟级压到秒级；对训练营而言，它训练的不是画图，而是"如何用图说清一件事"的结构化表达。 **竞品对比**：相比原生 `excalidraw`，它叠加了论证方法论；相比 `chart-craft`，它牺牲了精致换来了可编辑性与手绘亲和力。 ### 2. excalidraw — 原生手绘画布基线 **来源**：Excalidraw 官方生态衍生的基础 Skill，无额外方法论加持，目标是"忠实生成可被 Excalidraw 打开的原生 JSON"。**安装**：通过 Claude Code Skill 市场或 `npx skills add` 直接安装。 **核心功能演示**：定位为"什么都能画但什么都不深究"的通用画布。给它一段流程描述，它生成一组 rectangle、arrow、text 元件的 JSON 集合，用户随后在 Excalidraw 里二次排版。它不替你判断"该用层次图还是流程图"，只负责把元件摆出来。 **五维度评分**： - 功能完整度 ★★★☆☆：覆盖基础元件，缺自动布局与关系推荐。 - 上手难度 ★★★★★：最简单，几乎零学习成本。 - 变现潜力 ★★★☆☆：作为基线偏薄，需与其他 Skill 组合才有产品形态。 - 训练营适用性 ★★★☆☆：适合做"入门第一课"的对照基线。 - 社区活跃度 ★★★★★：背靠 Excalidraw 本体千万级用户基本盘。 **变现/训练营分析**：单独变现价值有限，但它是教学链路里"从空白到有形"的第一步——讲师常用它演示"为什么我们需要更结构化的 Skill"。 **竞品对比**：是 `excalidraw-diagram` 与 `article-to-excalidraw` 的共同底座，可视为"裸金属"层。 ### 3. article-to-excalidraw — 长文拆解的流水线工厂 **来源**：内容创作向 Skill，专为"一篇文章 = 一个垂直 Excalidraw 文件"的工作流设计。**安装**：本地 Skill 目录或市场分发。 **核心功能演示**：输入一篇 MD 长文，它先做内容分段，再生成"封面 + 多个内容区域"的垂直布局 Excalidraw 单文件，并附带一份提词器友好的口播脚本。这一组合直接对准短视频科普赛道：图用于录屏展示，口播稿用于配音录制，两份产物同源同构，避免了"图和稿对不上"的老问题。 **五维度评分**： - 功能完整度 ★★★★☆：封面、分区域、口播稿三件套一体化。 - 上手难度 ★★★☆☆：需理解"内容如何拆解成区域"的内容判断。 - 变现潜力 ★★★★★：直击知识付费与口播短视频的需求，变现路径最短。 - 训练营适用性 ★★★★☆：内容创作教学的现成流水线。 - 社区活跃度 ★★★☆☆：垂类小众，但目标用户黏性高。 **变现/训练营分析**：这是本期变现潜力最高的一款。可封装为"文章一键转科普视频分镜"的付费工具；训练营里可直接当成"从长文到短视频"的标准化产线教学，学员当场产出。 **竞品对比**：相比 `excalidraw-diagram` 专注单图论证，它解决的是"长文如何被图化呈现"的批量化问题。 ### 4. text-logic-diagram — 六种关系的拆解利器 **来源**：关系派 Skill，其"按逻辑关系分类成图"的设计理念与 silvere/viz-skills（文章转信息图，分析 7 种关系类型）一脉相承，本土化后聚焦六种核心关系：**递进、流程、循环、层次、对比、矩阵**。输出为纯 SVG。**安装**：本地 Skill。 **核心功能演示**：丢入一段论述文本（如"先调研、再设计、然后开发测试、最后上线运维"），它自动识别逻辑类型（这里是"流程型"），生成对应拓扑的 SVG，且支持一次输入拆出多张图。它的杀手锏是"关系识别"——把自然语言里的逻辑骨架抽取出来，而非简单罗列要点。 **五维度评分**： - 功能完整度 ★★★★★：六类关系覆盖了 90% 的论述结构，SVG 纯文本可嵌入任意文档。 - 上手难度 ★★★★★：丢文本即可，几乎无门槛。 - 变现潜力 ★★★★☆：文章配图、知识卡片、培训讲义刚需。 - 训练营适用性 ★★★★★：逻辑思维训练的神器，能反向训练学员"先想清关系再落笔"。 - 社区活跃度 ★★★☆☆：理念成熟但传播度不及 Excalidraw 系。 **变现/训练营分析**：它的真正价值在"反向训练逻辑"。训练营里让学员先口述一段逻辑、再用此 Skill 检验是否被正确识别，能极快暴露思维漏洞。 **竞品对比**：相比 `chart-craft` 追求"图的种类多"，它追求"关系识别准"——一个横向扩张，一个纵向深挖。 ### 5. chart-craft — 十类商业图的全能选手 **来源**：图表派 Skill，覆盖 10 种图表类型：流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图，外加 3 种内置视觉风格（黑白简约、深色暗调、Claude 暖色）与品牌风格扩展。**安装**：本地/市场。 **核心功能演示**：一句"生成商业模式画布"，它直接产出一份独立 HTML，九宫格布局、配色统一、可截图分享。它把 MBA 式的经典商业框架（画布、SWOT、用户旅程）做成了即取即用的模板库，输出是"成品可发布"的，而非"草图待编辑"。 **五维度评分**： - 功能完整度 ★★★★★：商业框架覆盖最全。 - 上手难度 ★★★★☆：触发词丰富，"画个 XX 图"即可命中。 - 变现潜力 ★★★★☆：咨询交付物、BP 配图、培训讲义的多面手。 - 训练营适用性 ★★★★☆：商业分析框架教学的现成教具。 - 社区活跃度 ★★★★☆：中文圈活跃，更新勤。 **变现/训练营分析**：对咨询顾问与创业者，它是"商业模型可视化"的瑞士军刀；训练营里可作为"商业模式设计"模块的实操工具。 **竞品对比**：它是本期唯一偏"成品发布"的选手，与手绘派的"可编辑草图"形成互补——一个对外，一个对内。 ### 6. json-canvas — 无限画布的开放标准 **来源**：背靠 Obsidian 官方（kepano 主导）推出的 JSON Canvas 开放格式（jsoncanvas.org / obsidianmd/jsoncanvas），目标是"无限画布数据的可移植标准"。本地 Skill 负责生成符合 spec 1.0 的 `.canvas` 文件。**安装**：Obsidian 官方 skill 库 `kepano/obsidian-skills`。 **核心功能演示**：它不画"一张图"，而生成一个"画布空间"——节点（node）与边（edge）组成的 JSON 结构，在 Obsidian Canvas 视图里原生渲染，可无限缩放、拖拽、链接到任意笔记。最大价值在于**互操作与长寿**：格式开放、可读、可迁移，不绑定单一工具。 **五维度评分**： - 功能完整度 ★★★★☆：格式规范完整，但渲染依赖 Obsidian 等宿主。 - 上手难度 ★★★★☆：JSON spec 清晰，生成逻辑直观。 - 变现潜力 ★★★☆☆：直接变现弱，生态价值高。 - 训练营适用性 ★★★★☆：第二大脑/PKM 教学的核心载体。 - 社区活跃度 ★★★★★：Obsidian 官方背书，可信度极高。 **变现/训练营分析**：它是"知识沉淀"而非"即时交付"的工具。变现路径偏间接——通过构建付费的 Obsidian 模板包、知识图谱课程实现；训练营里是"个人知识管理"模块的标准件。 **竞品对比**：与 Excalidraw 系的"即时手绘"不同，它追求的是"长期可演进的知识网络"。 ### 7. architecture-diagram-zh — 一键切换明暗的中文架构图 **来源**：架构派 Skill，专为中文技术场景优化，输出独立的 HTML 文件（内含 SVG 图形），支持深色/浅色双主题切换按钮。**安装**：本地/市场。 **核心功能演示**：输入"云原生微服务架构（API 网关 + 服务网格 + 可观测性层）"，它产出一份自带主题切换按钮的 HTML——演示时一键切暗色适配投影、切亮色适配文档导出，中文标注原生支持。它瞄准的是"技术方案文档与投标材料"的高频刚需。 **五维度评分**： - 功能完整度 ★★★★☆：双主题切换是杀手特性，中文标注开箱即用。 - 上手难度 ★★★★☆：一键生成，门槛低。 - 变现潜力 ★★★★☆：投标、方案、汇报文档的高频生产工具。 - 训练营适用性 ★★★★☆：架构设计教学的直观教具。 - 社区活跃度 ★★★☆☆：专业垂直，受众精准。 **变现/训练营分析**：对售前、架构师、SaaS 创业者，它是"快速产出专业架构图"的利器，可直接嵌入商业提案；训练营里能教学员"如何用图说服决策者"。 **竞品对比**：相比 `excalidraw-diagram` 的手绘亲和，它更"正式"、更适合对外文档；与 `chart-craft` 相比更聚焦架构这一个垂直品类。 ## 四、概念画布生态分类思维导图 ```mermaid mindmap root((概念画布生态)) 手绘派 原生基线
excalidraw 论证标杆
excalidraw-diagram 长文流水线
article-to-excalidraw 关系派 六关系SVG
text-logic-diagram 画布派 开放标准
json-canvas 架构派 双主题HTML
architecture-diagram-zh 图表派 十类商业框架
chart-craft 判据维度 可编辑性 关系表达力 发布成熟度 互操作寿命 ``` ## 五、推荐排行榜 **按使用场景排序**： 1. 逻辑表达/思维外化 → **text-logic-diagram**（关系识别最准，丢文本即出图） 2. 系统架构/技术方案 → **architecture-diagram-zh**（双主题 + 中文，对外文档首选） 3. 内容创作/短视频 → **article-to-excalidraw**（图稿同源，变现路径最短） 4. 商业框架/咨询交付 → **chart-craft**（十类 MBA 框架全覆盖） 5. 知识沉淀/PKM → **json-canvas**（开放标准，长期可演进） 6. 手绘论证/教学 → **excalidraw-diagram**（社区标杆，论证方法论加持） 7. 通用草图/入门 → **excalidraw**（裸金属基线） **按维度加权（功能25/上手20/变现25/训练营15/社区15）综合分**： - 🥇 text-logic-diagram（4.85）— 关系识别稀缺、变现与教学双优 - 🥈 excalidraw-diagram（4.55）— 社区标杆，论证体系成熟 - 🥉 article-to-excalidraw（4.40）— 变现潜力单项第一 - chart-craft（4.30）· json-canvas（4.10）· architecture-diagram-zh（4.05）· excalidraw（3.85） **给训练营建设者的结论**：若只装一款，选 `text-logic-diagram`——它反向训练逻辑的能力，是其他六款都无法替代的认知杠杆；若要搭建"从思考到交付"的完整链路，则 `text-logic-diagram`（思考）→ `excalidraw-diagram`（论证）→ `architecture-diagram-zh`（交付）三件套足以覆盖从白板到投标书的全过程。 ## 参考来源 1. [coleam00/excalidraw-diagram-skill — GitHub](https://github.com/coleam00/excalidraw-diagram-skill) — 手绘论证流派标杆 Skill 的原始仓库，定义了"make visual arguments"的生成范式。 2. [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 体系的深度技术分析。 3. [JSON Canvas Spec 1.0 — jsoncanvas.org](https://jsoncanvas.org/spec/1.0/) — Obsidian 官方维护的无限画布开放格式规范，json-canvas Skill 的生成标准依据。 4. [silvere/viz-skills — GitHub](https://github.com/silvere/viz-skills) — 文章转信息图 Skill，分析 7 种逻辑关系类型，是 text-logic-diagram 六关系分类法的理念来源。 5. [obsidianmd/jsoncanvas — GitHub](https://github.com/obsidianmd/jsoncanvas) — JSON Canvas 格式官方仓库，阐述 longevity、readability、interoperability 四大设计目标。 > [!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 等场景全覆盖。