用途
drawio-flowchart 用于在 Draw.io（diagrams.net）中创建流程图、泳道图和业务流程图。当用户需要为业务流程或技术工作流绘制流程图、设计展示跨团队或跨系统职责的泳道图、可视化带条件分支的决策树，或导出流程示意图用于文档与演示时，可以使用该技能。
主要能力
- 创建流程图，覆盖业务流程与技术工作流。
- 设计泳道图，展示跨团队或跨系统的职责划分。
- 可视化带条件分支的决策树。
- 导出流程示意图，用于文档或演示。
- 使用标准流程图图形：圆角矩形（开始/结束）、矩形（处理）、菱形（判断）。
- 使用箭头连接图形，并标注判断分支（如 Yes/No）与流向。
- 通过自动布局对齐图形。
使用方式
工作流程如下：
- 从模板开始：在 Draw.io 中选择 Flowchart 模板，或从空白开始。
- 添加图形：使用标准图形，圆角矩形表示开始/结束，矩形表示处理，菱形表示判断。
- 用箭头连接：标注判断分支（Yes/No）和流向。
- 应用自动布局：使用 Format > Layout > Vertical/Horizontal Tree 获得整齐对齐。
- 导出：保存为 .drawio 以便编辑；导出 PNG/SVG/PDF 以便分享。
快速开始示例：订单处理流程图（XML）
<mxGraphModel>
<root>
<mxCell id="0"/><mxCell id="1" parent="0"/>
<!-- Start -->
<mxCell id="2" value="Order Received" style="ellipse;fillColor=#d5e8d4;" vertex="1" parent="1">
<mxGeometry x="200" y="20" width="120" height="40" as="geometry"/>
</mxCell>
<!-- Decision -->
<mxCell id="3" value="In Stock?" style="rhombus;fillColor=#fff2cc;" vertex="1" parent="1">
<mxGeometry x="200" y="100" width="120" height="60" as="geometry"/>
</mxCell>
<!-- Process -->
<mxCell id="4" value="Ship Order" style="rounded=0;fillColor=#dae8fc;" vertex="1" parent="1">
<mxGeometry x="100" y="200" width="120" height="40" as="geometry"/>
</mxCell>
<mxCell id="5" value="Backorder" style="rounded=0;fillColor=#f8cecc;" vertex="1" parent="1">
<mxGeometry x="300" y="200" width="120" height="40" as="geometry"/>
</mxCell>
<!-- Arrows -->
<mxCell id="6" style="" edge="1" source="2" target="3" parent="1"/>
<mxCell id="7" value="Yes" edge="1" source="3" target="4" parent="1"/>
<mxCell id="8" value="No" edge="1" source="3" target="5" parent="1"/>
</root>
</mxGraphModel>
泳道图：
对于跨团队流程，使用 Draw.io 的泳道容器：
- Insert > Advanced > Pool/Lane
- 将流程步骤拖入相应的泳道
- 用带标注的箭头跨泳道连接步骤
适用场景
- 业务流程梳理与展示。
- 技术工作流说明。
- 跨团队、跨系统职责划分（泳道图）。
- 带条件分支的决策树可视化。
- 为文档或演示导出流程示意图。
最佳实践
- 保持一致的流向：统一使用自上而下或自左而右。
- 使用标准图形：矩形表示处理，菱形表示判断，椭圆表示开始/结束。
- 标注判断分支：始终在判断箭头上标注 Yes/No 或条件文本。
- 每张图只表达一个流程：保持图聚焦；将复杂流程拆分为子流程。
- 包含图例：添加说明图形含义与颜色编码的图例。
限制
资料中未提供关于收费、价格、平台支持范围、性能或效果的具体说明，暂未提供。