cloud

cloud

markdown-viewer ↓ 2.7k
Claude Code
View source ↗

What it does

  • 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)

Requirements & configuration

  • Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

cloud FAQ

What does the cloud skill do?

Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints. Every diagram starts with @startuml and ends with @enduml Use left to right direction for typical cloud architectures (data flows left→right)

What does cloud require?

Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor

How do I install cloud?

Run: npx -y skills add https://github.com/markdown-viewer/skills --skill cloud --agent claude-code — the source lives at github.com/markdown-viewer/skills.

Maintain cloud?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[cloud on getagentictools](https://getagentictools.com/skills/markdown-viewer-skills-cloud?ref=badge)
npx agentictools info skills/markdown-viewer-skills-cloud

The second line is the CLI lookup for this page — handy in READMEs and docs.