uml

UML Diagram Generator Quick Start: Choose diagram type → Define classes/objects/actors → Add relationships/edges → Use appropriate shapes and arrow styles → Wrap in drawio fence. ⚠️ IMPORTANT: Always usedrawio code fence. NEVER use ```xml — it will NOT render as a diagram. Critical Rules 🔗 This is a drawio-derived skill. All structure, layout, and edge routing rules inherit from drawio SKILL.md . Read the base rules first. UML-specific additions: Use standard UML shapes: shape=umlLifeline , shape=umlActor , shape=component , swimlane;childLayout=stackLayout Use fillColor=none; for package/component containers to avoid covering child elements UML Diagram Types Type Purpose Key Shape Example Class Class structure and relationships swimlane;childLayout=stackLayout class-diagram.md Sequence Message interactions over time shape=umlLifeline sequence-diagram.md Activity Workflow and process flow rounded=1;arcSize=50 activity-diagram.md State Machine Object lifecycle states rounded=1 with colors state-machine-diagram.md Component System component organization shape=component component-diagram.md Use Case User-system interactions shape=umlActor , ellipse use-case-diagram.md Deployment Physical deployment architecture shape=cube;direction=south deployment-diagram.md Object Runtime object snapshot swimlane;fontStyle=4 object-diagram.md Package Module organization shape=folder package-diagram.md Communication Object collaboration whiteSpace=wrap with numbered messages communication-diagram.md Composite Structure Internal class structure shape=ellipse;container=1;dashed=1 composite-structure-diagram.md Interaction Overview Activity + sequence combination shape=umlFrame interaction-overview-diagram.md Timing State changes over time shape=waypoint timing-diagram.md Profile UML extension mechanisms <> labels profile-diagram.md