前言¶
技术写作里最常见的重复劳动是画图。架构、流程、时序这些信息已经写在文档里了，但要变成一张能贴进文章或评审 PPT 的图，还得自己打开绘图工具，重新认一遍实体和连线。用 AI 直接生成也有问题：图面要素堆在一起，布局和配色基本失控，改几次之后不如手画。
图绘大师（@user_e4cd0604/diagram-master）走的是另一条路径：先把材料读成结构化的实体、关系、层级，再由专门的画图角色逐张产出 SVG，布局和配色都在可控范围内。下面介绍它的能力边界和用法。
这是什么¶
一句话定位：把文章、文档或网页转成结构化图、架构图、系统图的高保真 SVG 手绘助手。
- 出品方：SkillHub 社区，坐标
@user_e4cd0604/diagram-master，发布者user_e4cd0604 - 版本：1.0.0
- 来源：community
- 分类：design-media
- 是否需要 API Key：否（标签
requires_api_key=false） - 官方地址：https://api.skillhub.cn/user_e4cd0604/diagram-master
它解决的是「文字材料 → 图」这一步的保真度问题。输入是任意一段文字，输出是可直接使用的 SVG 文件，而不是一段需要再排版的描述。
多角色协作的生成流程¶
这个 Skill 不是单次调用，而是三个角色串行工作：
- 内容解析师：从原始材料中提炼实体、关系、层级。
- 图表设计师：决定用哪一类图承载这些信息，并规划布局与配色。
- 执行者：把设计落到 SVG，逐张绘制。
分角色的意义在于把「看懂内容」和「画准图」分开。前者依赖对材料的理解，后者依赖对图面布局的控制，混在一个步骤里容易两头都不到位。
支持的 12 类图¶
官方列出的类型如下：
分层架构、流程、时序、思维导图、框架、组件、数据流、层级、矩阵、循环、时间线、对比。
选型建议：层级关系用分层架构或层级图，时间相关的用时序图或时间线，并列对比用对比图或矩阵，非分层的关系用思维导图或关系图。
安装与启用¶
SkillHub 的详情页是前端渲染页面，本次抓取未能取到正文，因此安装命令和配置字段无法核实，这里不给出猜测性的命令。启用方式以官方页面为准：https://www.skillhub.cn/skills/user_e4cd0604/diagram-master
需要确认的两点：一是目标客户端（Cursor / Codex CLI / Claude Code）的 Skill 挂载方式是否一致，二是是否需要配置任何环境变量。在官方页面核实前，不要假设它和同目录下其他 Skill 的安装方式相同。
典型用法¶
这个 Skill 的触发方式是自然语言描述需求，官方给出的触发语包括：
画架构图
画系统图
画流程图
画时序图
把这段文章/文档/文字画成图
把文档转成图
diagram
架构图
流程图
系统图
思维导图
关系图
组件图
数据流图
diagram-master
也就是说，直接把材料和需求一起给出去即可，例如「把下面这段系统说明画成架构图」。它会先解析内容，再逐张产出 SVG。输入可以是文章、文档或网页内容。
适用场景与注意¶
适合的场景：
- 文档写完后需要配图，但不想额外花时间排版
- 评审材料里要放系统图、数据流图，且希望图面风格统一
- 手上有网页或长文，需要快速抽出其中的实体和关系作为后续加工的基础
需要注意的限制：
- 它是「转图」工具，不是排版工具。产出是 SVG，最终嵌入文章或 PPT 时仍可能需要自己调整尺寸和字体
- 复杂材料里实体数量多，图面可读性取决于解析师抽取的粒度；如果抽出来的实体过多，需要分图或补充约束
- 生成结果依赖材料本身的表述。原文没写的结构关系，它不会凭空补全
- 页面评分与下载量为抓取时的快照，Skill 可能更新，用之前先核对版本
小结¶
图绘大师的价值在于把「读懂材料」和「画准图」拆成两个阶段，并用 12 类图覆盖常见的技术表达需求。对于已经在写文档、只是缺图的开发者，它能省掉大部分重复劳动。
官方地址：https://api.skillhub.cn/user_e4cd0604/diagram-master
社区页面：https://www.skillhub.cn/skills/user_e4cd0604/diagram-master
