uml 代码创建
- 作者仓库星标 2,891
- 作者仓库 skills
UML Diagram Generator
Quick Start: Choose diagram type → Write PlantUML text → Define elements and relationships → Wrap in ```plantuml fence.
⚠️ IMPORTANT: Always use
```plantumlor```pumlcode fence. NEVER use```text— it will NOT render as a diagram.
Critical Rules
- Every diagram starts with
@startumland ends with@enduml - Use standard PlantUML keywords:
class,interface,abstract,enum,actor,participant,component,node,database,package - Relationships use arrow syntax:
-->,<|--,*--,o--,..>,..|> - Use
skinparamfor global styling and colors - Use
#coloron individual elements for specific colors - Notes use
note left of,note right of,note over, or standalonenote "text" as N
UML Diagram Types
| Type | Purpose | Key Syntax | Example |
|---|---|---|---|
| Class | Class structure and relationships | class, interface, <|-- |
class-diagram.md |
| Sequence | Message interactions over time | participant, ->, --> |
sequence-diagram.md |
| Activity | Workflow and process flow | start, :action;, if/else |
activity-diagram.md |
| Swimlane Activity | Multi-role activity with swimlanes | |Lane|, :action; |
swimlane-activity-diagram.md |
| State Machine | Object lifecycle states | state, [*] --> |
state-machine-diagram.md |
| Component | System component organization | component, [name], interface |
component-diagram.md |
| Use Case | User-system interactions | actor, usecase, (name) |
use-case-diagram.md |
| Deployment | Physical deployment architecture | node, artifact, database |
deployment-diagram.md |
| Object | Runtime object snapshot | object "name" as id |
object-diagram.md |
| Package | Module organization | package "name" |
package-diagram.md |
| Communication | Object collaboration | Numbered messages with sequence syntax | communication-diagram.md |
| Composite Structure | Internal class structure | component with nested port |
composite-structure-diagram.md |
| Interaction Overview | Activity + sequence combination | group, ref over |
interaction-overview-diagram.md |
| Profile | UML extension mechanisms | <<stereotype>> labels |
profile-diagram.md |
Mxgraph Stencil Icons
draw-uml supports 9500+ mxgraph stencil icons (AWS, Azure, Cisco, Kubernetes, etc.) via the mxgraph.* syntax. Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor.
Full stencil reference: See stencils/README.md.
Syntax
mxgraph.<namespace>.<icon> "Label" as <alias>
mxgraph.<namespace>.<icon> "Label" as <alias> #color
mxgraph.<namespace>.<icon> <alias>
mxgraph.<namespace>.<icon>— the stencil shape key (e.g.mxgraph.aws4.lambda,mxgraph.kubernetes.pod)"Label"— display text (quoted if contains spaces, unquoted for single word)as <alias>— identifier for use in relationships#color— optional override color (e.g.#FF6600,#LightBlue)
Examples
@startuml
' Simple icon declaration
mxgraph.aws4.lambda "Lambda\nFunction" as fn
mxgraph.aws4.api_gateway "API GW" as gw
mxgraph.aws4.dynamodb "DynamoDB" as db
gw --> fn
fn --> db
@enduml
@startuml
' Kubernetes architecture with icons
mxgraph.kubernetes.ing "Ingress" as ing
mxgraph.kubernetes.svc "Service" as svc
mxgraph.kubernetes.pod "Pod" as pod
mxgraph.kubernetes.deploy "Deployment" as deploy
ing --> svc
svc --> pod
deploy --> pod
@enduml
@startuml
' Mixing standard UML with stencil icons
node "Cloud" {
mxgraph.aws4.ec2 "EC2" as ec2
mxgraph.aws4.rds "RDS" as rds
}
database "Legacy DB" as legacy
ec2 --> rds
rds --> legacy
@enduml- 流狐分类
- 运维部署
- 作者声明 Agent
- 未找到明确声明;不据此推断已兼容或已测试
- 静态检查
- 88 / 100 · 启发式扫描,不代表运行安全
- 作者 / 版本 / 许可
- @markdown-viewer · 未声明 license
- 流狐 Token 估算
- 低消耗
- 流狐接入估算
- 即装即用
- 是否需要外部 API Key
- 未发现要求
- 检测到的系统要求
- macOS · Linux · Windows
- 底层运行要求
- Node.js
- 检测到的文件与系统行为
-
- 只读
- 允许写入 / 修改
- 检测到的网络行为
- 仅限本地
- 安装命令数
- 无(仅作为资料)
档案由构建时根据 SKILL.md 与安装命令自动衍生,可能与作者实际意图存在差异。
需要注意: 未限定 allowed-tools,默认拥有全部工具权限。
作者没有在当前 SKILL.md 中定义固定输出样例。 Every diagram starts with @startuml and ends with @enduml Use standard PlantUML keywords: class, interface, abstract, enum, actor, participant, component, node, database, package Relationships use arrow syntax: -->, <|--, --, o--, ..>, ..|>
Type · Purpose · Key Syntax · Example Class · Class structure and relationships · class, interface, <\ · -- · class-diagram.md Sequence · Message interactions over time · participant, ->, --> · sequence-diagram.md
draw-uml supports 9500+ mxgraph stencil icons (AWS, Azure, Cisco, Kubernetes, etc.) via the mxgraph. syntax. Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor. Full stencil reference: See stencils/README.md.
mxgraph.<namespace>.<icon> — the stencil shape key (e.g. mxgraph.aws4.lambda, mxgraph.kubernetes.pod) "Label" — display text (quoted if contains spaces, unquoted for single word) as <alias> — identifier for use in relationships
Examples
# UML Diagram Generator
**Quick Start:** Choose diagram type → Write PlantUML text → Define elements and relationships → Wrap in ` ```plantuml ` fence.
> ⚠️ **IMPORTANT:** Always use ` ```plantuml ` or ` ```puml ` code fence. NEVER use ` ```text ` — it will NOT render as a diagram.
## Critical Rules
- Every diagram starts with `@startuml` and ends with `@enduml`
- Use standard PlantUML keywords: `class`, `interface`, `abstract`, `enum`, `actor`, `participant`, `component`, `node`, `database`, `package`
- Relationships use arrow syntax: `-->`, `<|--`, `*--`, `o--`, `..>`, `..|>`
- Use `skinparam` for global styling and colors
- Use `#color` on individual elements for specific colors
- Notes use `note left of`, `note right of`, `note over`, or standalone `note "text" as N`
## UML Diagram Types
| Type | Purpose | Key Syntax | Example |
|------|---------|------------|---------|
| Class | Class structure and relationships | `class`, `interface`, `<\|--` | [class-diagram.md](examples/class-diagram.md) |
| Sequence | Message interactions over time | `participant`, `->`, `-->` | [sequence-diagram.md](examples/sequence-diagram.md) |
| Activity | Workflow and process flow | `start`, `:action;`, `if/else` | [activity-diagram.md](examples/activity-diagram.md) |
| Swimlane Activity | Multi-role activity with swimlanes | `\|Lane\|`, `:action;` | [swimlane-activity-diagram.md](examples/swimlane-activity-diagram.md) |
| State Machine | Object lifecycle states | `state`, `[*] -->` | [state-machine-diagram.md](examples/state-machine-diagram.md) |
| Component | System component organization | `component`, `[name]`, `interface` | [component-diagram.md](examples/component-diagram.md) |
… 作者原文负责流程事实;流狐只索引当前章节、要点、文件与命令。
章节 -> Critical Rules → UML Diagram Types → Mxgraph Stencil Icons → Syntax → Examples
要点 -> Quick Start · IMPORTANT · Full stencil reference · draw-uml supports 9500+ mxgraph stencil icons (AWS, Azure, Cisco, Kubernetes, etc.) via the mxgraph. · Full stencil reference: See [stencils/README.md](stencils/README.md). · - mxgraph.<namespace>.<icon> — the stencil shape key (e.g.
文件/命令 -> plantuml · puml · text · @startuml · @enduml · class · interface · abstract
内容 SHA-256 -> 255795bba7a3
原文结构
适用与边界
原文中的明确线索
plantuml、puml、text、@startuml、@enduml、class、interface、abstract