drawio-flowchart

When to use this skill

Use this skill whenever the user wants to:

• Create flowcharts for business processes or technical workflows
• Design swim lane diagrams showing responsibilities across teams or systems
• Visualize decision trees with conditional branching
• Export process diagrams for documentation or presentations

How to use this skill

Workflow

1. Start from template - Choose Flowchart template in Draw.io or start blank
2. Add shapes - Use standard shapes: rounded rectangle (start/end), rectangle (process), diamond (decision)
3. Connect with arrows - Label decision branches (Yes/No) and flow direction
4. Apply auto-layout - Use Format > Layout > Vertical/Horizontal Tree for clean alignment
5. Export - Save as .drawio for editing; export PNG/SVG/PDF for sharing

Quick-Start Example: Order Processing Flowchart (XML)