cloud

Cloud Architecture Diagram Generator

Quick Start: Choose cloud provider → Declare stencil icons → Group into VPC/region zones → Connect with arrow syntax → 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 left to right direction for typical cloud architectures (data flows left→right)
• Use mxgraph.* stencil syntax for cloud service icons
• Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor
• Use rectangle "VPC" { ... } or package "Region" { ... } for cloud containers
• Use cloud "Name" { ... } for cloud boundary shapes
• Directed flows use -->, async/event-driven flows use ..> (dashed)

Full stencil reference: See stencils/README.md for 9500+ available icons.

Mxgraph Stencil Syntax

mxgraph.<provider>.<icon> "Label" as <alias>

Common Cloud Stencil Families

Connection Types

Quick Example

@startumlleft to right directionmxgraph.aws4.users "Users" as usersmxgraph.aws4.cloudfront "CloudFront" as cfmxgraph.aws4.application_load_balancer "ALB" as albrectangle "VPC" {  mxgraph.aws4.ec2 "EC2" as ec2  mxgraph.aws4.rds_instance "RDS" as rds}users --> cfcf --> albalb --> ec2ec2 --> rds@enduml

Cloud Architecture Types