Hogar
cloud
markdown-viewer/skills
Crea diagramas de arquitectura de proveedores de servicios en la nube utilizando la sintaxis de PlantUML con los iconos oficiales de los servicios de AWS, Azure, GCP y Alibaba Cloud. Ideal para topologías de nube con múltiples servicios y planes de migración.
...Expandir todoAcerca de «cloud»
La skill «cloud» genera diagramas de arquitectura de «cloud» utilizando la sintaxis de PlantUML y los iconos oficiales de los proveedores de «cloud». Está diseñada para ayudar a los usuarios a crear representaciones visuales claras de la infraestructura de «cloud», las topologías de las aplicaciones y los planes de migración en las principales plataformas de «cloud». Al proporcionar un enfoque estructurado para la creación de diagramas, la skill simplifica el proceso de documentación de entornos complejos de «cloud» y garantiza que los diagramas sean compatibles con los flujos de trabajo de renderizado de PlantUML.
La habilidad admite diagramas de arquitectura para múltiples proveedores de cloud, entre los que se incluyen AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes y OpenStack. Utiliza la sintaxis de plantillas de mxGraph para representar los servicios de cloud con iconos específicos de cada proveedor e incluye orientación para organizar los recursos en VPC, regiones y límites de cloud. La skill define patrones de conexión para flujos de datos síncronos, asíncronos, físicos y etiquetados, y proporciona convenciones como diseños de izquierda a derecha y la estructura PlantUML requerida. También incluye referencias a familias de plantillas comunes y ejemplos de tipos de arquitectura.
Entre los casos de uso típicos se incluyen la documentación de aplicaciones nativas de cloud, el diseño de planos de infraestructura, la visualización de topologías de red, la ilustración de arquitecturas sin servidor y la planificación de migraciones a cloud. Esta habilidad está dirigida a arquitectos de «cloud», ingenieros de DevOps, ingenieros de plataformas, arquitectos de soluciones, consultores técnicos y desarrolladores que necesiten una documentación coherente y basada en diagramas de los sistemas «cloud». Resulta especialmente útil a la hora de crear artefactos de arquitectura que deban generarse a partir de código PlantUML y compartirse entre equipos.
Preguntas frecuentes
¿Cómo puedo crear un diagrama de arquitectura de cloud con esta habilidad?
Empieza seleccionando un proveedor de «cloud», declarando los iconos de plantilla de mxGraph necesarios, organizando los recursos en contenedores como VPC o regiones, conectándolos con la sintaxis de flechas de PlantUML y envolviendo el diagrama en una valla de código plantuml o puml.
¿Qué plataformas de cloud son compatibles?
La skill es compatible con AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes y OpenStack a través de sus respectivas familias de plantillas de mxGraph.
¿Qué sintaxis de diagramas se requiere?
Los diagramas deben utilizar la sintaxis de PlantUML, comenzar con @startuml, terminar con @enduml y utilizar las definiciones de plantillas de mxGraph para los iconos de los servicios de cloud.
¿Puedo representar diferentes tipos de conexiones entre servicios?
Sí. La skill admite flechas continuas para flujos síncronos, flechas discontinuas para flujos asíncronos o impulsados por eventos, líneas continuas para enlaces físicos o bidireccionales, y conexiones etiquetadas para describir el movimiento de datos.
¿Existen requisitos o limitaciones de visualización?
Sí. Los diagramas deben estar encerrados en una valla de código plantuml o puml para que se representen correctamente. El uso de una valla de código de texto no es compatible de forma explícita con la representación de diagramas.
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```plantumlor```pumlcode fence. NEVER use```text— it will NOT render as a diagram.
Critical Rules
- Every diagram starts with
@startumland ends with@enduml - Use
left to right directionfor 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
fillColororstrokeColor - Use
rectangle "VPC" { ... }orpackage "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
@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
| 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 |
Todos los archivos
9 archivosInstalar cloud
Descarga y descomprime los archivos de las habilidades en tu directorio .claude/skills/.
Descargar ZIPClona el repositorio y copia los archivos de la habilidad a tu proyecto.
git clone https://github.com/markdown-viewer/skills/blob/main/cloud/SKILL.md # Copy SKILL.md to your .claude/skills/ directory
Copiar
