opção

Crie diagramas de arquitetura de provedores de nuvem usando a sintaxe do PlantUML com ícones oficiais dos serviços AWS, Azure, GCP e Alibaba Cloud. Ideal para topologias de nuvem com vários serviços e planos de migração.

...Expandir tudo
45
Tempo atualizado 29 de Junho de 2026

Sobre o cloud

A habilidade “cloud” gera diagramas de arquiteturcloud, utilizando a sintaxe PlantUML e ícones oficiais dos provedores de serviços cloud. Ela foi projetada para ajudar os usuários a criar representações visuais claras da infraestruturcloud, das topologias de aplicativos e dos planos de migração nas principais plataformas cloud. Ao fornecer uma abordagem estruturada para a criação de diagramas, a habilidade simplifica o processo de documentação de ambientes complexos cloud e garante que os diagramas sejam compatíveis com os fluxos de trabalho de renderização do PlantUML.

A habilidade oferece suporte a diagramas de arquitetura para diversos provedores de cloud, incluindo AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes e OpenStack. Ela utiliza a sintaxe de estêncil do mxGraph para representar serviços de cloud com ícones específicos de cada provedor e inclui orientações para organizar recursos em VPCs, regiões e limites de cloud. A skill define padrões de conexão para fluxos de dados síncronos, assíncronos, físicos e rotulados, além de fornecer convenções como layouts da esquerda para a direita e a estrutura PlantUML exigida. Ela também inclui referências a famílias comuns de estênceis e exemplos de tipos de arquitetura.

Casos de uso típicos incluem a documentação de aplicativos nativos dcloud, o projeto de planos de infraestrutura, a visualização de topologias de rede, a ilustração de arquiteturas sem servidor e o planejamento de migrações dcloud. A habilidade destina-se a arquitetos dcloud, engenheiros de DevOps, engenheiros de plataforma, arquitetos de soluções, consultores técnicos e desenvolvedores que precisam de documentação consistente e baseada em diagramas de sistemas dcloud. Ela é particularmente útil na criação de artefatos de arquitetura que devem ser renderizados a partir de código PlantUML e compartilhados entre equipes.

Perguntas frequentes

Como faço para criar um diagrama de arquitetura do cloud com essa habilidade?

Comece selecionando um provedor de cloud, declarando os ícones de estêncil mxGraph necessários, organizando os recursos em contêineres, como VPCs ou regiões, conectando-os com a sintaxe de setas do PlantUML e envolvendo o diagrama em uma cerca de código plantuml ou puml.

Quais plataformas de cloud são compatíveis?

A habilidade oferece suporte a AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes e OpenStack por meio de suas respectivas famílias de estênceis do mxGraph.

Qual sintaxe de diagrama é necessária?

Os diagramas devem usar a sintaxe PlantUML, começar com @startuml, terminar com @enduml e utilizar as definições de estêncil do mxGraph para os ícones de serviços de cloud.

Posso representar diferentes tipos de conexões entre serviços?

Sim. A skill suporta setas contínuas para fluxos síncronos, setas tracejadas para fluxos assíncronos ou orientados a eventos, linhas contínuas para ligações físicas ou bidirecionais e conexões rotuladas para descrever o movimento de dados.

Existem requisitos ou limitações de renderização?

Sim. Os diagramas devem estar entre uma cerca de código plantuml ou puml para serem renderizados corretamente. O uso de uma cerca de código de texto não é explicitamente suportado para a renderização de diagramas.

Ver no GitHub

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

FamilyPrefixTypical Icons
AWSmxgraph.aws4.*lambda_function, ec2, rds_instance, s3, api_gateway, cloudfront, dynamodb
Azuremxgraph.azure.*virtual_machine, azure_load_balancer, sql_database, azure_active_directory, storage
GCPmxgraph.gcp2.*compute_engine_2, cloud, process, repository, cloud_monitoring
Alibabamxgraph.alibaba_cloud.*ecs_elastic_compute_service, slb_server_load_balancer_01, polardb, oss_object_storage_service
IBMmxgraph.ibm_cloud.*ibm-cloud--kubernetes-service, load-balancer--application, database--postgresql
Kubernetesmxgraph.kubernetes.*pod, svc, deploy, ing, sts, pvc, cm, secret
OpenStackmxgraph.openstack.*nova_server, neutron_router, cinder_volume, swift_container

Connection Types

SyntaxMeaningUse Case
A --> BSolid arrowSync API call / data flow
A ..> BDashed arrowAsync event / trigger / replication
A -- BSolid line, no arrowPhysical / bidirectional link
A --> B : "label"Labeled connectionDescribe the data flow

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

TypePurposeKey StencilsExample
AWSAmazon Web Servicesmxgraph.aws4.*aws-basic.md
AWS ServerlessEvent-driven serverlessmxgraph.aws4.*aws-serverless.md
AzureMicrosoft Azuremxgraph.azure.*azure-hybrid-network.md
GCPGoogle Cloud Platformmxgraph.gcp2.*gcp-log-processing.md
Alibaba CloudAlibaba Cloudmxgraph.alibaba_cloud.*alibaba-web-app.md
IBM CloudIBM Cloudmxgraph.ibm_cloud.*ibm-kubernetes.md
KubernetesContainer orchestrationmxgraph.kubernetes.*kubernetes-microservices.md
OpenStackPrivate cloudmxgraph.openstack.*openstack-basic.md

Instalar cloud

Baixe e descompacte os arquivos de habilidades no diretório .claude/skills/.

Baixar ZIP

Clone o repositório e copie os arquivos da habilidade para o seu projeto.

git clone https://github.com/markdown-viewer/skills/blob/main/cloud/SKILL.md # Copy SKILL.md to your .claude/skills/ directory

Copiar Copiar
Configuração rápida: Copie a pasta da habilidade para .claude/skills/. O Claude detectará e utilizará automaticamente a habilidade
Repositório markdown-viewer/skills

Habilidades relacionadas

Cloudflare Manager
Tempo atualizado 29 de Junho de 2026
pinecone
Tempo atualizado 29 de Junho de 2026
azure-setup-guide
Tempo atualizado 29 de Junho de 2026
sentry-architecture-variants
Tempo atualizado 29 de Junho de 2026
OR