uml

Original：🇺🇸 English

Translated

Create UML (Unified Modeling Language) diagrams using drawio XML format. Best for software modeling including Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams. Built on drawio with UML-specific shapes and notation. NOT for simple flowcharts (use mermaid), layered system architecture (use architecture), or data charts (use vega).

2installs

Sourcemarkdown-viewer/skills

Added on2026-02-08

NPX Install

npx skill4agent add markdown-viewer/skills uml

SKILL.md Content

View Translation Comparison →

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

uml

NPX Install

Tags

SKILL.md Content

UML Diagram Generator

Critical Rules

UML Diagram Types