cloud

Name: cloud
Author: markdown-viewer

github.com/markdown-viewerCloud & DevOps3.4k3.1k installsUpdated 3w ago

About cloud

A skill for generating cloud architecture diagrams in PlantUML. It guides users in selecting provider stencils, grouping components into zones, and connecting them with arrows.

Key features

01AWS, Azure, and GCP stencil guidance
02Stencil references for other cloud providers
03VPC and region grouping syntax
04Arrow-based component connections
05PlantUML diagram structure rules

Use cases

01Mapping a cloud application architecture
02Diagramming serverless event flows
03Showing Kubernetes or private-cloud layouts

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/markdown-viewer/skills --skill cloud

After installing, type/cloudin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

examples/

alibaba-web-app.md

aws-basic.md

aws-serverless.md

azure-hybrid-network.md

gcp-log-processing.md

ibm-kubernetes.md

kubernetes-microservices.md

openstack-basic.md

Details

From the project README

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

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

Comments

Markdown supported

Details

Author: markdown-viewer
Repository: markdown-viewer/skills
Category: Cloud & DevOps
Installs: 3,060
GitHub stars: 3,382

Report

More skills

All skills

lark-apps

open.feishu.cn

732.0k

Develop and host Miaoda (Spark/Miaoda) apps: app creation, local full-stack development, cloud generation and iteration, creative design (UI mockups / interactive prototypes / wireframes / landing pages / dashboards / slide decks / visual exploration), integration of AI-related capabilities, Feishu platform capabilities, or other external capabilities; log/Trace/monitoring metric/PV/UV queries; environment variable management; app collaborators and collaboration permissions; app roles and members; and automation triggers (scheduled / record changes / Webhook / Feishu approvals). Use when users want to develop or create a system, tool, platform, or app; develop locally or in the cloud, modify, deploy, publish, launch, or get a shareable link; create a page or website with HTML and deploy it to Miaoda; design, create a mockup, prototype, wireframe, PPT, deck, or visual exploration; or mention Miaoda/Spark/Miaoda apps (links like `/app/app_xxx` or `/page/<token>`, runtime domains like *.aiforce.cloud), app databases, app file storage, open API Keys, visibility, app collaborators/developer permissions, app roles/role members, production logs, API request volume, error volume, latency, traffic, environment variables, or setting up automation tasks, scheduled triggers, or approval-triggered automation for Miaoda apps. Not for regular cloud drive file uploads (lark-drive), Feishu document editing (lark-doc), or native slide creation (lark-slides).

azure-prepare

github.com/microsoft

571.7k

Prepare azd-based Azure projects for deployment: generates azure.yaml, infrastructure (Bicep/Terraform), and Dockerfiles for the Azure Developer CLI (azd) workflow. USE ONLY when the user explicitly wants to use azd as the deployment tool, or the project already has an azure.yaml file. DO NOT USE FOR: non-azd deployments, Python App Service code-only deploys (use python-appservice-deploy), or cross-cloud migration (use azure-cloud-migrate). WHEN: prepare app for azd, create azure.yaml, set up azd infrastructure, modernize app for Azure with azd, deploy with azd, function app, timer trigger, service bus trigger, event-driven function, managed identity, generate Bicep, generate Terraform, create and deploy to Azure.

wizard

github.com/mattpocock

571.5k

Generate an interactive bash wizard that walks a human through steps only they can perform. Use when provisioning infrastructure, setting up credentials or CI secrets, walking an unfamiliar third-party dashboard, or running a one-off migration or cutover. Don't invoke this for steps the agent can perform itself.

azure-ai

github.com/microsoft

571.2k

Use for Azure AI: Search, Speech, OpenAI, Document Intelligence. Helps with search, vector/hybrid search, speech-to-text, text-to-speech, transcription, OCR. WHEN: AI Search, query search, vector search, hybrid search, semantic search, speech-to-text, text-to-speech, transcribe, OCR, convert text to speech.