cloud

Original：🇺🇸 English
Translated

Create cloud architecture diagrams using drawio XML format with official cloud provider icons. Best for AWS, Azure, GCP, Alibaba Cloud architecture diagrams with proper service icons and layout conventions. Built on drawio with cloud-specific stencils. NOT for simple flowcharts (use mermaid) or network topology without cloud services (use network skill).

23installs
Sourcemarkdown-viewer/skills
Added on

NPX Install

npx skill4agent add markdown-viewer/skills cloud

Tags

Translated version includes tags in frontmatter
cloud-architecture-diagramsdrawio-xmlcloud-provider-stencilsdiagram-renderingserverless-architecture

SKILL.md Content

View Translation Comparison →

Cloud Architecture Diagram Generator

Quick Start: Choose cloud provider → Add service icons from stencil library → Group services in regions/VPCs → Connect with data flow arrows → 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.
Cloud-specific additions:
  • Check stencils/README.md for exact cloud stencil names (e.g., 
    mxgraph.aws4.*
    , 
    mxgraph.gcp2.*
    )
  • Use 
    fillColor=none;
    for VPC/region containers to avoid covering child services

Cloud Architecture Types

TypePurposeStencil LibraryExample
AWSAmazon Web Services architecture
mxgraph.aws4.*
(1031 icons)		aws-basic.md
AWS ServerlessEvent-driven serverless architecture
mxgraph.aws4.*
aws-serverless.md
AzureMicrosoft Azure architecture
mxgraph.azure.*
, 
mxgraph.mscae.*
, 
mxgraph.office.*
azure-hybrid-network.md
GCPGoogle Cloud Platform architecture
mxgraph.gcp2.*
(297 icons)		gcp-log-processing.md
Alibaba CloudAlibaba Cloud architecture
mxgraph.alibaba_cloud.*
(310 icons)		alibaba-web-app.md
IBM CloudIBM Cloud architecture
mxgraph.ibm.*
, 
mxgraph.ibm_cloud.*
(118 icons)		ibm-kubernetes.md
KubernetesContainer orchestration
mxgraph.kubernetes.*
(40 icons)		kubernetes-microservices.md
OpenStackPrivate cloud infrastructure
mxgraph.openstack.*
(18 icons)		openstack-basic.md