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 use ```drawio 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 | <<stereotype>> labels | profile-diagram.md |