首页 › skills-review › 白板即推演:概念画布引擎七测

一、概述:为什么"概念画布"值得单独立项评测

在 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 相比更聚焦架构这一个垂直品类。

四、概念画布生态分类思维导图

mindmap
  root((概念画布生态))
    手绘派
      原生基线<br/>excalidraw
      论证标杆<br/>excalidraw-diagram
      长文流水线<br/>article-to-excalidraw
    关系派
      六关系SVG<br/>text-logic-diagram
    画布派
      开放标准<br/>json-canvas
    架构派
      双主题HTML<br/>architecture-diagram-zh
    图表派
      十类商业框架<br/>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 — 手绘论证流派标杆 Skill 的原始仓库,定义了"make visual arguments"的生成范式。
  2. The Excalidraw Diagram Skill — Teaching Coding Agents Visual Argumentation — 通过 Excalidraw Diagram Skill 透视 Claude Code Skills 体系的深度技术分析。
  3. JSON Canvas Spec 1.0 — jsoncanvas.org — Obsidian 官方维护的无限画布开放格式规范,json-canvas Skill 的生成标准依据。
  4. silvere/viz-skills — GitHub — 文章转信息图 Skill,分析 7 种逻辑关系类型,是 text-logic-diagram 六关系分类法的理念来源。
  5. obsidianmd/jsoncanvas — GitHub — 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 等场景全覆盖。

51学通信知识星球海报-扫码加入