uml

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

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.

快速开始： 选择图类型 → 定义类/对象/参与者 → 添加关系/连线 → 使用合适的形状和箭头样式 → 用

```drawio

代码块包裹。

⚠️ 重要提示： 请始终使用
```drawio
代码块。切勿使用
```xml
——它无法渲染为图。

🔗 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

🔗 这是一项基于drawio的技能。所有结构、布局和连线路由规则均继承自drawio SKILL.md。请先阅读基础规则。

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形状：

shape=umlLifeline

、

shape=umlActor

、

shape=component

、

swimlane;childLayout=stackLayout

—

—

图类型	用途	关键形状	示例
类图	类结构与关系	`swimlane;childLayout=stackLayout`	class-diagram.md
时序图	随时间变化的消息交互	`shape=umlLifeline`	sequence-diagram.md
活动图	工作流与流程流转	`rounded=1;arcSize=50`	activity-diagram.md
状态机图	对象生命周期状态	带颜色的 `rounded=1`	state-machine-diagram.md
组件图	系统组件组织	`shape=component`	component-diagram.md
用例图	用户-系统交互	`shape=umlActor` 、 `ellipse`	use-case-diagram.md
部署图	物理部署架构	`shape=cube;direction=south`	deployment-diagram.md
对象图	运行时对象快照	`swimlane;fontStyle=4`	object-diagram.md
包图	模块组织	`shape=folder`	package-diagram.md
通信图	对象协作	带编号消息的 `whiteSpace=wrap`	communication-diagram.md
组合结构图	类内部结构	`shape=ellipse;container=1;dashed=1`	composite-structure-diagram.md
交互概览图	活动图+时序图组合	`shape=umlFrame`	interaction-overview-diagram.md
计时图	随时间变化的状态变更	`shape=waypoint`	timing-diagram.md
构造型图	UML扩展机制	`<<stereotype>>` 标签	profile-diagram.md