Agent Skills
返回列表
Draw.io 流程图自动生成器

Draw.io 流程图自动生成器

内容创作 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_509b3ac1/drawio-generator-pro。

技能介绍

要解决的问题

手工在 draw.io 里摆节点、连线、对齐和命名很机械，尤其面对流程描述、接口流程或业务规则时，容易反复拖拽，还难以从文字直接得到可编辑源文件。这个技能把“自然语言/文档 -> 结构化图表 -> .drawio 文件”的转换脚本化，减少从零画图的初始成本。

工作方式

  • 输入可以是文字描述或文件，先产出 nodes + edges 的结构化 JSON，供用户确认。
  • 节点类型包括 start、end、process、decision、document、data，连线标签支持 是 / Y、否 / N 或普通顺序流。
  • 用户确认后，调用 scripts/gen.py 生成 .drawio 文件；内部由 generator.py 生成 XML，并参考 references/drawio-xml-spec.md 的样式与属性约定。
  • 内置布局参数如 CANVAS_WIDTH、_LAYER_GAP_Y、MAIN_X，适合快速调整层级间距与主轴位置；若需要 A4 级别压缩，可按资料修改全局变量。

适用边界

生成结果更像初稿，不保证完美：线条可能重叠，节点间距和自动对齐可能不理想。适合把流程、状态、数据流快速落成可编辑 draw.io 文件，再手动微调。不适合直接交付高保真架构图，也不应绕过 gen.py 直接调用底层 generator.py。

使用场景

  • 梳理业务审批流程，将包含多个判断节点（是/否）的文字描述快速转为可编辑的 draw.io 流程图。
  • 整理系统数据流转逻辑，利用文档和数据存储节点类型，生成包含数据流向的结构化 JSON 并导出源文件。
  • 需要将长篇接口说明文档转化为层级分明的流程图，通过调整层间间距和主轴坐标生成符合 A4 打印尺寸的图表。

适合人员

  • 需要频繁将 PRD 或接口文档转化为流程图，以便向团队演示系统逻辑的产品经理。
  • 希望快速搭建业务审批或状态流转图，并能在 draw.io 中手动微调连线重叠问题的后端工程师。
  • 负责梳理复杂数据流转与文档处理链路，需要生成包含数据存储和文档节点的结构化图表的架构师。