cloud
markdown-viewer/skills
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À 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.
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 |
Tous les fichiers
9 fichiersInstaller cloud
Téléchargez et décompressez les fichiers de compétences dans votre répertoire .claude/skills/.
Télécharger le ZIPClonez 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





Maison
