罗斯蒙德全量流程图:一次建模,四种形态出图

前言

日常出图常见的做法是:把需求丢给工具,拿回一张 PNG,改不了节点、换不了配色,下次需求变更只能重新画。另一种做法是手写 Mermaid 或 PlantUML 源码,结构可控,但排版、配色、导出都要自己凑,不同工具之间还要来回翻译。

罗斯蒙德全量流程图走的是第三条路:先建一个统一的图模型 graph.json,再从同一份模型渲染出文本、可编辑文件、静态图三种用途的成品,并附带图形说明。下面介绍这个 Skill 的定位、能力和用法。

这是什么

罗斯蒙德全量流程图是南京罗斯蒙德在 SkillHub 上发布的 Skill,坐标 @org-0lub9joc/flowchart-generation1,当前版本 1.0.1,分类 design-media。

它解决的问题是:描述业务或系统需求后,一次产出可继续加工的图,而不是一张死图。核心思路是用统一图模型 graph.json 描述节点、连线和样式,模型一次建成,Mermaid、PlantUML、drawio、Excalidraw、SVG、PNG 等形态按需导出。

核心能力

1、一次建模,多种输出。同一份 graph.json 同时生成 Mermaid 与 PlantUML 结构化文本、drawio 与 Excalidraw 可编辑文件、SVG 与 PNG 静态图,并附图形说明,内容是图的含义和关键节点解释。

2、文本形态进版本管理。Mermaid 与 PlantUML 是纯文本,可以直接嵌进 Markdown 文档,也能进 Git 做差异对比。

3、图形形态可继续编辑。drawio 与 Excalidraw 文件保留节点和连线,可以拖动节点、改连线、改样式,不用从零重画。

4、静态图直接进汇报。SVG 与 PNG 用于汇报材料和 PPT,不依赖任何编辑工具。

5、覆盖面较广。官方列出的图类型包括架构图、流程图、ER 图、时序图、状态图与 C4 容器图。

6、内置排版与样式机制。分层布局引擎负责自动排布,样式系统统一配色与命名,避免每张图风格漂移。

7、有校验环节。校验脚本会拦截孤立节点与悬挂连线,这类在手绘图里常见的问题在建模阶段就会被指出。

模型与输出形态的对应关系

按官方资料,各类形态的用途可以这样划分:

graph.json(统一图模型)
├── Mermaid 文本   → 嵌 Markdown、进 Git
├── PlantUML 文本  → 嵌 Markdown、进 Git
├── drawio 文件    → 拖节点、改连线、改样式
├── Excalidraw 文件 → 拖节点、改连线、改样式
├── SVG 静态图     → 汇报、PPT
└── PNG 静态图     → 汇报、PPT

上面的树形图是依据官方简介整理的形态对照,不是 Skill 运行时的实际输出目录结构。

安装与启用

官方资料没有给出安装命令,只提供了坐标标识。下列信息取自 SkillHub 页面抓取结果:

坐标:      @org-0lub9joc/flowchart-generation1
版本:      1.0.1
来源:      enterprise
分类:      design-media
发布者:    南京罗斯蒙德
API Key:   requires_api_key=false(官方标签,意为不需要 API Key)

启用方式:在支持 SkillHub Skill 的客户端里按坐标定位并添加该 Skill。Cursor、Codex CLI、Claude Code 三者的具体安装入口和命令,官方资料均未列出,本篇不作推测。

触发词方面,官方给出的词包括:画架构图、画流程图、画 ER 图、画时序图、画状态图、C4 图、系统架构图、部署架构图、数据流程图、实体关系图、生成 drawio、生成 Excalidraw、导出 mermaid、导出 PlantUML、导出 SVG、导出 PNG、可编辑的图、画图、出图、画个图。使用其中任一表述描述需求即可触发。

典型用法

官方资料没有提供可复现的完整命令或输出样例,下面按官方简介描述的流程整理用法,供参考。

第一步,描述需求。用自然语言说明业务或系统的结构,例如模块之间怎么调用、数据怎么流转、状态怎么变化。描述越具体,建模越准确。

第二步,确认模型。Skill 生成 graph.json 后,先检查节点和连线是否符合预期,特别是关键节点和分支条件。这一步对应校验脚本拦截孤立节点与悬挂连线的环节。

第三步,选择输出形态。按用途取:要进文档和版本管理,用 Mermaid 或 PlantUML;要继续改图,用 drawio 或 Excalidraw;要进汇报材料,用 SVG 或 PNG。

第四步,读图形说明。Skill 会附带一段说明,包含图的整体含义和关键节点解释,用于在评审或文档里补充背景。

需要说明的是,上述步骤是按官方简介还原的工作流,具体的输入格式和参数以 Skill 实际提示为准。

适用场景与注意

适合的场景:需要在同一套需求上反复出图的团队,比如架构评审、需求文档、汇报材料三处都要用同一张图;希望图能进版本管理的开发者;需要在评审现场临时调整节点和连线的场景。

需要注意的地方:

1、Skill 的价值在于模型统一,前提是需求描述本身清楚。需求含糊时,模型不会比人更准确。
2、输出形态多,但不要每处都贴全六种。文本形态进 Git,可编辑文件留给设计,静态图进汇报,按用途分发即可。
3、图类型覆盖面广,但复杂图的排版效果仍取决于模型结构。分层布局引擎自动排布,遇到特殊拓扑可能需要调整模型后再导出。
4、官方页面显示的评分与下载量为实时数值。截至抓取时,页面显示评分 100000、下载 13181 次,安装数为 0。

结尾

罗斯蒙德全量流程图的价值不在“能画图”,而在画完之后图还能改、能贴、能进版本管理。相比每次需求变更都要重画一张死图,先建 graph.json 再分发形态的方式,在图需要长期维护的场景里更实用。

官方地址:https://www.skillhub.cn/skills/org-0lub9joc/flowchart-generation1

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜