首页 › skills-review › 述即成图:战略图表引擎七测

述即成图:战略图表引擎七测

概述

"画个商业模式画布"——这句话在过去意味着打开 PPT 拖拽一小时,或者付费给设计师两天。本评测聚焦的是一类正在快速崛起的 Agent Skill:战略与结构化图表生成引擎,即把一段文字描述、一份文档、甚至一段对话,转成可直接截图分享或二次编辑的图表制品。评测对象来自当前生态中最完整的设计类 Skill 矩阵 SpaceZephyr/design-buddy(19个子Skill,作者「空格的键盘」,84 stars,MIT 协议,2026年7月3日仍在推送),辅以 Obsidian、Excalidraw 阵营的结构化输出对照。本次按输出形态这一全新维度将7款引擎分为四类:自包含 HTML 截图件、内嵌 SVG 矢量图、代码即图、可二次编辑的结构化 JSON,逐一拆解其功能、上手曲线、变现空间与训练营适配度。

评测维度与权重

维度 权重 评价标准
功能完整度 25% 图表类型覆盖、风格系统、是否开箱即用
上手难度 20% 触发词友好度、追问逻辑、对非技术用户门槛
变现潜力 25% 能否产出付费咨询/培训交付件,定价空间
训练营适用性 15% 模板规范度、是否适合体系化教学
社区活跃度 15% Star、贡献者、更新频率、跨runtime兼容

七引擎对比总表

Skill 输出形态 图表覆盖 内置风格 综合分
chart-craft-plus 自包含HTML 35+种/5大类 3+品牌扩展 ★★★★★
chart-craft 自包含HTML 10种(聚焦商业) 3+品牌扩展 ★★★★☆
architecture-diagram-zh SVG-in-HTML 架构图(深/浅双主题) 2主题 ★★★★☆
text-logic-diagram SVG-in-HTML 6种逻辑关系 2主题 ★★★★☆
mermaid-generator Mermaid代码 3种(flow/seq/class) 极简 ★★★☆☆
excalidraw-diagram Excalidraw JSON 自由结构 手绘 ★★★☆☆
json-canvas Obsidian Canvas 节点-边JSON 无(由下游渲染) ★★★☆☆

一、chart-craft-plus:全能图表旗舰

来源:SpaceZephyr/design-buddy/space-chart-html-plus 安装:npx skills add SpaceZephyr/design-buddy

这是整个矩阵的旗舰,注册表收录35种图表、5大类别:技术架构(架构图、C4、部署图、网络拓扑、ER图、状态机)、流程逻辑(流程图、时序图、BPMN、决策树、泳道图)、业务战略(商业模式画布、SWOT、竞品分析、产品路线图、价值链、OKR树)、数据可视化(漏斗、桑基、热力图、KPI看板)、信息展示(韦恩图、概念图、信息图)。设计哲学明确写在第一条原则里:"HTML + CSS + 内联 SVG,不用 Canvas / JS",因此截图清晰、打印友好。风格系统内置三套(黑白简约、深色暗调、Claude暖色),并刻意"告别冷蓝色 slate 色系",融合了 Cursor/Claude/Airtable/Webflow 的品牌精华;输入"Stripe风格"会回调 space-brand-ui-design 拿 token。

评分:功能完整度★★★★★|上手★★★★☆|变现★★★★★|训练营★★★★★|社区★★★★☆

变现/训练营:这是最值得商业化的引擎。一张 SWOT、商业模式画布、产品路线图,在咨询与培训市场单价可至数百至数千元。可包装为"战略工作坊交付件生成器"——企业把业务描述丢进来,30秒得到PPT级图表。训练营层面,其"追问原则:一次≤3个、问题具体、给默认选项"本身就是极佳的教学范例,适合做2-3天的"AI战略可视化"课程核心教具。

对比:相较 chart-craft 基础版,plus 把10种扩到35种,但代价是触发更"重",简单需求反而被过度模板化。

二、chart-craft:聚焦商业战略的基础版

来源:design-buddy/space-chart-html

只做10种图表,且刻意聚焦在商业分析高地:流程图、架构图、ER图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT、产品路线图、组织架构图。与 plus 共享同一套风格预设(mono/dark/Claude暖色)和同一套品牌扩展机制。它的存在价值在于克制——不做技术类图表(C4、BPMN、状态机),专注产品经理、运营、独立开发者最常用的商业分析场景,触发词匹配更精准,误判率更低。

评分:功能完整度★★★★☆|上手★★★★★|变现★★★★☆|训练营★★★★☆|社区★★★★☆

变现/训练营:变现逻辑同 plus 但更"轻",适合做39-99元的入门级"AI做商业画布"知识付费单品,转化率会比大而全的 plus 更高。训练营里作为第一课的"破冰工具"非常合适——学员5分钟出第一张图,正反馈极强。

对比:它是 plus 的子集。选哪个取决于"是否需要技术架构类图表"。若团队以商业分析为主,基础版反而体验更顺。

三、architecture-diagram-zh:双主题技术架构图

来源:design-buddy/space-architecture-diagram

专攻系统架构图、基础设施拓扑、云架构、安全架构、网络拓扑。最大亮点是深色/浅色双主题一键切换,用 CSS 自定义属性 + data-theme 属性实现,用户选择存入 localStorage 次次自动恢复。设计细节非常考究:组件描边色(青/绿/紫/琥珀/玫红/橙)在两套主题下保持不变以确保一致性,只切背景文字网格;深色模式用 #141413 温暖近黑、浅色用 #f5f4ed 羊皮纸,配 JetBrains Mono 等宽字体强化技术质感。SVG 绘制顺序有专门约定(箭头先画在方框下,半透明填充用 mask-bg 遮罩技巧)——这些是工程级细节。

评分:功能完整度★★★★☆|上手★★★★☆|变现★★★★☆|训练营★★★★☆|社区★★★★☆

变现/训练营:面向 SaaS 技术负责人、解决方案架构师、售前。可做成"架构图生成+评审"订阅服务,单价可对标商业级绘图工具订阅。训练营角度,它是讲系统设计、微服务拆分、云原生拓扑的最佳可视化教具,深色主题在投屏演示时尤其出彩。

对比:比 chart-craft-plus 的架构子类更深入(多了主题持久化、Z-order、遮罩技巧),但只覆盖架构一类,广度不足。

四、text-logic-diagram:把文章拆成逻辑图

来源:design-buddy/space-text-logic-diagram

定位独特:不是"画图",而是"拆解逻辑"。它先把文本段落分析,再为每个段落选择最适合的六种逻辑关系之一——递进(阶梯式)、流程(线性/蛇形带编号)、循环(环形首尾相连)、层次(树形/金字塔/嵌套)、对比(左右对称)、矩阵(网格/象限),最后生成精准的 SVG 图。关键能力是"一次可拆解多张图":一篇长文丢进来,能自动切成多张逻辑图,每张配相应视觉结构。

评分:功能完整度★★★★☆|上手★★★★☆|变现★★★★☆|训练营★★★★★|社区★★★★☆

变现/训练营:这是内容创作者的"降维武器"。把一本商业书、一篇万字深度文,自动转成一组逻辑图用于小红书/公众号传播,是知识付费的标准玩法。训练营价值最高——它本质在教"如何识别文本逻辑结构",适合做"结构化思维"课程的核心教具,直接对应金字塔原理、MECE等方法论。

对比:与 chart-craft 的思维导图不同,text-logic-diagram 输出的是逻辑关系图而非发散结构图,更强调"关系"(递进/循环/对比)而非"层级"。

五、mermaid-generator:最轻量的代码即图

来源:design-buddy/space-mermaid-diagram

只支持三种 Mermaid 图:flowchart、sequence、class diagram。设计原则极简,工作流清晰(顺序流程→Flowchart,多方交互→Sequence,模块关系→Class)。特色是与 Obsidian 深度绑定,按 00 收件箱/画板/mermaid流程图/MMDD-主题名/ 目录自动分类保存。

评分:功能完整度★★★☆☆|上手★★★★★|变现★★★☆☆|训练营★★★★☆|社区★★★☆☆

变现/训练营:变现最弱——Mermaid 是开源通用标准,本身已免费内置于 GitHub、Notion、Obsidian,这个 Skill 只是个"更顺手的包装",难以独立收费。训练营价值在于作为"图表语法入门"第一课,但要诚实说明它被内置工具替代的风险。

对比:在功能广度上被 chart-craft-plus 完全碾压,但胜在产出是纯文本代码,可版本控制、可被任何支持 Mermaid 的平台直接渲染,互通性是其唯一护城河。

六、excalidraw-diagram:手绘风白板JSON

来源:第三方 Excalidraw 生态 Skill

输出 .excalidraw 结构化 JSON,可导入 Excalidraw 继续编辑。手绘白板美学,适合头脑风暴、教学板书、思维草图。产物是可编辑的节点结构而非终态截图。

评分:功能完整度★★★☆☆|上手★★★★☆|变现★★★☆☆|训练营★★★★☆|社区★★★★☆

变现/训练营:Excalidraw 本体免费且极流行,独立变现空间有限,但可作为"白板思维训练营"的配套工具——讲师生成结构化草图,学员在白板上继续推演。适合教学场景而非交付场景。

对比:与 chart-craft 的"终态HTML截图"相反,excalidraw-diagram 强调"可继续编辑的过程件",二者互补。

七、json-canvas:Obsidian画布的结构化骨架

来源:Obsidian 官方 json-canvas 格式 Skill

输出 Obsidian Canvas 格式(节点+边的 JSON),由 Obsidian Canvas 插件渲染。它不关心视觉美观,只负责把内容拆成节点和连接,交给 Obsidian 这个"第二大脑"承载。

评分:功能完整度★★★☆☆|上手★★★☆☆|变现★★★☆☆|训练营★★★☆☆|社区★★★☆☆

变现/训练营:受众极窄(仅 Obsidian 重度用户),但与"自组织第二大脑"类训练营天然契合,适合作为 PKM(个人知识管理)课程的组件。独立定价困难。

对比:三者中它最"原始"——既无 HTML 美观,也无 Mermaid 互通,胜在与 Obsidian Canvas 生态深度耦合,是知识库构建而非内容传播的工具。


Skills 生态分类思维导图

mindmap
  root((述即成图引擎))
    自包含HTML截图件
      chart-craft-plus[35+种 5大类 旗舰]
      chart-craft[10种 聚焦商业]
      特点[HTML+CSS+SVG 无Canvas/JS 截图即分享]
    内嵌SVG矢量图
      architecture-diagram-zh[深浅双主题 技术架构]
      text-logic-diagram[6种逻辑关系 文本拆解]
      特点[矢量主题切换 可缩放]
    代码即图
      mermaid-generator[flow/sequence/class]
      特点[纯文本 可版本控制 全平台互通]
    可编辑结构化JSON
      excalidraw-diagram[手绘白板过程件]
      json-canvas[Obsidian节点边骨架]
      特点[二次编辑 深度绑定生态]

推荐排行榜

🏆 变现潜力榜(B2B交付件优先) 1. chart-craft-plus — SWOT/商业模式画布/路线图,咨询交付件定价空间最大 2. architecture-diagram-zh — 架构图+评审,SaaS/售前订阅服务 3. chart-craft — 入门级商业图表知识付费单品,转化率高

🎓 训练营适配榜(教学为先) 1. text-logic-diagram — 直接对应结构化思维/金字塔原理方法论 2. chart-craft-plus — 模板规范度最高,追问逻辑堪称教学范本 3. excalidraw-diagram — 白板推演场景无可替代

⚡ 上手速度榜(即开即用) 1. mermaid-generator — 一句话出图,零配置 2. chart-craft — 触发词精准,5分钟第一张图 3. chart-craft-plus — 自动类型识别,免选型

🤝 社区活跃榜 1. excalidraw-diagram — 依托 Excalidrraw 庞大开源社区 2. design-buddy 全家桶(chart-craft/architecture/text-logic/mermaid)— 同一作者,84 stars,2026-07-03 仍在高频迭代 3. json-canvas — Obsidian 生态稳健但增长平缓

结论与组合建议

战略图表引擎赛道的格局已清晰:以 design-buddy 为代表的"自包含 HTML 截图件"路线正在把传统的 Figma/Visio/draw.io 工作流降维成一句话,而 chart-craft-plus 是其中功能最完整、变现空间最大的旗舰。对于内容创作者与培训从业者,最优组合是 chart-craft-plus(交付)+ text-logic-diagram(拆解)+ excalidraw-diagram(推演) 三件套:前者出可用于商务的成品,中者把长内容降维成传播素材,后者支撑课堂头脑风暴。若只需技术架构,单选 architecture-diagram-zh 即可,其深浅双主题在投屏演示中的表现远超同类。唯一需警惕的是 mermaid 路线——在 GitHub/Notion/Obsidian 已原生支持 Mermaid 的今天,独立 Skill 的护城河仅剩"生成体验更顺",长期看易被工具内置能力侵蚀。

参考来源

  1. SpaceZephyr/design-buddy — Design Buddy 视觉生产Skill集合(GitHub) — 19个设计类Skill源仓库,含chart-craft/architecture/text-logic/mermaid完整SKILL.md,MIT协议,84 stars,2026-07-03更新
  2. Claude Code 生成专业图表的 15 个 Skills:覆盖 7 种渲染引擎的完整指南(苏米客) — 系统梳理图表类Skill的渲染引擎差异,HTML/SVG/Mermaid/Canvas多路线对比
  3. chart-craft-plus | Agent Skill(SkillsMP 市场) — 35+图表类型与5大类别注册表的市场页详情
  4. html-ppt-skill vs chart-craft-plus:演示文稿最强组合技(Skills Agent Blog) — chart-craft-plus在PPT场景的实战组合与S级定位分析
  5. 5个Claude Skill覆盖你的可视化全场景,用文字直接生成图表(苏米客) — chart/架构/逻辑/通用图表多场景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 等场景全覆盖。

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