cloud

Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud…

INSTALLATION
npx skills add https://github.com/markdown-viewer/skills --skill cloud
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$27

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

Common Cloud Stencil Families

Family

Prefix

Typical Icons

AWS

mxgraph.aws4.*

lambda_function, ec2, rds_instance, s3, api_gateway, cloudfront, dynamodb

Azure

mxgraph.azure.*

virtual_machine, azure_load_balancer, sql_database, azure_active_directory, storage

GCP

mxgraph.gcp2.*

compute_engine_2, cloud, process, repository, cloud_monitoring

Alibaba

mxgraph.alibaba_cloud.*

ecs_elastic_compute_service, slb_server_load_balancer_01, polardb, oss_object_storage_service

IBM

mxgraph.ibm_cloud.*

ibm-cloud--kubernetes-service, load-balancer--application, database--postgresql

Kubernetes

mxgraph.kubernetes.*

pod, svc, deploy, ing, sts, pvc, cm, secret

OpenStack

mxgraph.openstack.*

nova_server, neutron_router, cinder_volume, swift_container

Connection Types

Syntax

Meaning

Use Case

A --> B

Solid arrow

Sync API call / data flow

A ..> B

Dashed arrow

Async event / trigger / replication

A -- B

Solid line, no arrow

Physical / bidirectional link

A --> B : "label"

Labeled connection

Describe the data flow

Quick Example

@startuml

left to right direction

mxgraph.aws4.users "Users" as users

mxgraph.aws4.cloudfront "CloudFront" as cf

mxgraph.aws4.application_load_balancer "ALB" as alb

rectangle "VPC" {

  mxgraph.aws4.ec2 "EC2" as ec2

  mxgraph.aws4.rds_instance "RDS" as rds

}

users --> cf

cf --> alb

alb --> ec2

ec2 --> rds

@enduml

Cloud Architecture Types

Type

Purpose

Key Stencils

Example

AWS

Amazon Web Services

mxgraph.aws4.*

aws-basic.md

AWS Serverless

Event-driven serverless

mxgraph.aws4.*

aws-serverless.md

Azure

Microsoft Azure

mxgraph.azure.*

azure-hybrid-network.md

GCP

Google Cloud Platform

mxgraph.gcp2.*

gcp-log-processing.md

Alibaba Cloud

Alibaba Cloud

mxgraph.alibaba_cloud.*

alibaba-web-app.md

IBM Cloud

IBM Cloud

mxgraph.ibm_cloud.*

ibm-kubernetes.md

Kubernetes

Container orchestration

mxgraph.kubernetes.*

kubernetes-microservices.md

OpenStack

Private cloud

mxgraph.openstack.*

openstack-basic.md

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card