uml

SKILL.md

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
Weekly Installs
70
GitHub Stars
4
First Seen
Feb 6, 2026
Installed on
gemini-cli68
opencode68
github-copilot67
codex67
amp65
kimi-cli65