cloud
markdown-viewer/skills
Erstellen Sie Architekturdiagramme für Cloud-Anbieter mithilfe der PlantUML-Syntax und offizieller Symbole für AWS-, Azure-, GCP- und Alibaba Cloud-Dienste. Ideal für Cloud-Topologien mit mehreren Diensten und Migrationskonzepte.
...Alle erweiternÜber „cloud“
Der „cloud“-Skill generiert Architekturdiagramme für „cloud“ unter Verwendung der PlantUML-Syntax und offizieller Symbole der „cloud“-Anbieter. Er soll Nutzern dabei helfen, übersichtliche visuelle Darstellungen der „cloud“-Infrastruktur, Anwendungstopologien und Migrationspläne für die wichtigsten „cloud“-Plattformen zu erstellen. Durch einen strukturierten Ansatz bei der Diagrammerstellung vereinfacht der Skill die Dokumentation komplexer „cloud“-Umgebungen und stellt sicher, dass die Diagramme mit PlantUML-Rendering-Workflows kompatibel sind.
Die Funktion unterstützt Architekturdiagramme für zahlreiche Anbieter von „cloud“, darunter AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes und OpenStack. Sie nutzt die mxGraph-Stencil-Syntax, um „cloud“-Dienste mit anbieterspezifischen Symbolen darzustellen, und enthält Anleitungen zur Organisation von Ressourcen in VPCs, Regionen und „cloud“-Grenzen. Das Skill definiert Verbindungsmuster für synchrone, asynchrone, physische und beschriftete Datenflüsse und legt Konventionen wie Layouts von links nach rechts sowie die erforderliche PlantUML-Struktur fest. Es enthält zudem Verweise auf gängige Stencil-Familien und Beispielarchitekturen.
Typische Anwendungsfälle sind die Dokumentation von „cloud“-nativen Anwendungen, die Erstellung von Infrastruktur-Entwürfen, die Visualisierung von Netzwerktopologien, die Darstellung serverloser Architekturen sowie die Planung von „cloud“-Migrationen. Die Skill richtet sich an „cloud“-Architekten, DevOps-Ingenieure, Plattform-Ingenieure, Lösungsarchitekten, technische Berater und Entwickler, die eine einheitliche, diagrammbasierte Dokumentation von „cloud“-Systemen benötigen. Sie ist besonders nützlich bei der Erstellung von Architekturartefakten, die aus PlantUML-Code gerendert und teamübergreifend geteilt werden müssen.
FAQ
Wie erstelle ich mit dieser Funktion ein „cloud“-Architekturdiagramm?
Wählen Sie zunächst einen „cloud“-Anbieter aus, deklarieren Sie die erforderlichen mxGraph-Stencil-Symbole, organisieren Sie Ressourcen in Containern wie VPCs oder Regionen, verbinden Sie diese mit der PlantUML-Pfeilsyntax und umschließen Sie das Diagramm mit einem „plantuml“- oder „puml“-Code-Fence.
Welche cloud-Plattformen werden unterstützt?
Das Skill unterstützt AWS, Azure, Google Cloud Platform (GCP), Alibaba Cloud, IBM Cloud, Kubernetes und OpenStack über deren jeweilige mxGraph-Stencil-Familien.
Welche Diagrammsyntax ist erforderlich?
Diagramme müssen die PlantUML-Syntax verwenden, mit @startuml beginnen, mit @enduml enden und mxGraph-Stencil-Definitionen für die Symbole der „cloud“-Dienste verwenden.
Kann ich verschiedene Arten von Verbindungen zwischen Diensten darstellen?
Ja. Die Funktion unterstützt durchgezogene Pfeile für synchrone Abläufe, gestrichelte Pfeile für asynchrone oder ereignisgesteuerte Abläufe, durchgezogene Linien für physische oder bidirektionale Verbindungen sowie beschriftete Verbindungen zur Beschreibung von Datenflüssen.
Gibt es Anforderungen oder Einschränkungen bei der Darstellung?
Ja. Diagramme müssen in einen „plantuml“- oder „puml“-Code-Fence eingeschlossen sein, um korrekt dargestellt zu werden. Die Verwendung eines Text-Code-Fences wird für die Darstellung von Diagrammen ausdrücklich nicht unterstützt.
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 |
Alle Dateien
9 Dateiencloud installieren
Laden Sie die Skill-Dateien herunter und entpacken Sie sie in Ihr Verzeichnis „.claude/skills/“.
ZIP herunterladenKlonen Sie das Repository und kopieren Sie die Skill-Dateien in Ihr Projekt.
git clone https://github.com/markdown-viewer/skills/blob/main/cloud/SKILL.md # Copy SKILL.md to your .claude/skills/ directory
Kopieren





Heim
