option

Créez des schémas d'architecture de fournisseurs de cloud en utilisant la syntaxe PlantUML et les icônes officielles des services AWS, Azure, GCP et Alibaba Cloud. Idéal pour les topologies cloud multi-services et les plans de migration.

...Développer tout
45
Heure mise à jour 29 juin 2026

À propos d'cloud

La compétence « cloud » génère des diagrammes d’architecture d’clouds à l’aide de la syntaxe PlantUML et des icônes officielles des fournisseurs de services d’cloud. Elle est conçue pour aider les utilisateurs à créer des représentations visuelles claires de l’infrastructure d’cloud, des topologies d’applications et des plans de migration sur les principales plateformes d’cloud. En proposant une approche structurée de la création de diagrammes, cette compétence simplifie le processus de documentation d’environnements d’cloud complexes et garantit la compatibilité des diagrammes avec les workflows de rendu PlantUML.

Cette compétence prend en charge les diagrammes d’architecture pour plusieurs fournisseurs d’cloud, notamment AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes et OpenStack. Elle utilise la syntaxe des pochoirs mxGraph pour représenter les services d’cloud à l’aide d’icônes spécifiques à chaque fournisseur et inclut des conseils pour organiser les ressources en VPC, régions et limites d’cloud. Cette compétence définit des modèles de connexion pour les flux de données synchrones, asynchrones, physiques et étiquetés, et fournit des conventions telles que les mises en page de gauche à droite et la structure PlantUML requise. Elle inclut également des références à des familles de stencils courantes et à des exemples de types d’architecture.

Parmi les cas d’utilisation typiques, on peut citer la documentation d’applications natives d’cloud, la conception de plans d’infrastructure, la visualisation de topologies réseau, l’illustration d’architectures sans serveur et la planification de migrations vers l’cloud. Cette compétence s’adresse aux architectes d’cloud, aux ingénieurs DevOps, aux ingénieurs de plateforme, aux architectes de solutions, aux consultants techniques et aux développeurs qui ont besoin d’une documentation cohérente, sous forme de diagrammes, des systèmes d’cloud. Elle est particulièrement utile lors de la création d’artefacts d’architecture qui doivent être générés à partir de code PlantUML et partagés entre les équipes.

FAQ

Comment créer un diagramme d’architecture d’clouds avec cette compétence ?

Commencez par sélectionner un fournisseur d’cloud, déclarez les icônes de stencil mxGraph requises, organisez les ressources en conteneurs tels que des VPC ou des régions, reliez-les à l’aide de la syntaxe des flèches PlantUML, puis encadrez le diagramme dans une balise de code plantuml ou puml.

Quelles plateformes d’cloud sont prises en charge ?

Cette compétence prend en charge AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes et OpenStack via leurs familles de stencils mxGraph respectives.

Quelle syntaxe de diagramme est requise ?

Les diagrammes doivent utiliser la syntaxe PlantUML, commencer par @startuml, se terminer par @enduml et utiliser les définitions de stencils mxGraph pour les icônes de services d'cloud.

Puis-je représenter différents types de connexions entre les services ?

Oui. La compétence prend en charge les flèches pleines pour les flux synchrones, les flèches en pointillés pour les flux asynchrones ou pilotés par des événements, les lignes pleines pour les liaisons physiques ou bidirectionnelles, et les connexions étiquetées pour décrire le mouvement des données.

Y a-t-il des exigences ou des limitations en matière de rendu ?

Oui. Les diagrammes doivent être placés entre des balises de code plantuml ou puml pour s’afficher correctement. L’utilisation de balises de code texte n’est explicitement pas prise en charge pour le rendu des diagrammes.

Voir sur 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

Installer cloud

Téléchargez et décompressez les fichiers de compétences dans votre répertoire .claude/skills/.

Télécharger le ZIP

Clonez le dépôt et copiez les fichiers de compétence dans votre projet.

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

Copier Copier
Configuration rapide: Copiez le dossier de la compétence dans .claude/skills/ ; Claude la détectera automatiquement et l'utilisera.

Compétences similaires

Cloudflare Manager
Heure mise à jour 29 juin 2026
pinecone
Heure mise à jour 29 juin 2026
azure-setup-guide
Heure mise à jour 29 juin 2026
sentry-architecture-variants
Heure mise à jour 29 juin 2026
OR