cloud
markdown-viewer/skills
PlantUMLの構文を使用し、AWS、Azure、GCP、Alibaba Cloudの公式サービスアイコンを用いて、クラウドプロバイダーのアーキテクチャ図を作成できます。複数のサービスにわたるクラウドトポロジーや移行計画の策定に最適です。
...すべて拡張しますcloudについて
「cloud」スキルは、PlantUML構文と公式のcloudプロバイダーサービスアイコンを使用して、cloudのアーキテクチャ図を生成します。このスキルは、主要なcloudプラットフォームにわたるcloudインフラストラクチャ、アプリケーショントポロジー、および移行計画を、ユーザーが明確に視覚化できるよう支援することを目的としています。図の作成に構造化されたアプローチを提供することで、このスキルは複雑なcloud環境の文書化プロセスを簡素化し、図がPlantUMLレンダリングワークフローと互換性を持つことを保証します。
このスキルは、AWS、Azure、Google Cloud Platform (GCP)、Alibaba Cloud、IBM Cloud、Kubernetes、OpenStackなど、複数のcloudプロバイダーのアーキテクチャ図をサポートしています。mxGraphステンシル構文を使用して、プロバイダー固有のアイコンでcloudサービスを表現し、リソースをVPC、リージョン、およびcloudの境界ごとに整理するためのガイダンスも含まれています。 このスキルでは、同期、非同期、物理、およびラベル付きデータフローの接続パターンを定義し、左から右へのレイアウトや必須のPlantUML構造などの規約を提供します。また、一般的なステンシルファミリーやアーキテクチャタイプの例への参照も含まれています。
代表的なユースケースとしては、cloudネイティブアプリケーションのドキュメント化、インフラストラクチャのブループリント設計、ネットワークトポロジの可視化、サーバーレスアーキテクチャの図解、およびcloudへの移行計画などが挙げられます。 このスキルは、cloudシステムの整合性のある図ベースのドキュメントを必要とする、cloudアーキテクト、DevOpsエンジニア、プラットフォームエンジニア、ソリューションアーキテクト、テクニカルコンサルタント、および開発者を対象としています。PlantUMLコードからレンダリングされ、チーム間で共有される必要があるアーキテクチャ成果物を作成する際に特に役立ちます。
よくある質問
このスキルを使用してcloudのアーキテクチャ図を作成するにはどうすればよいですか?
まず、cloudプロバイダーを選択し、必要なmxGraphステンシルアイコンを宣言し、リソースをVPCやリージョンなどのコンテナに整理し、PlantUMLの矢印構文でそれらを接続し、ダイアグラムをplantumlまたはpumlのコードフェンスで囲みます。
どのcloudプラットフォームがサポートされていますか?
このスキルは、それぞれの mxGraph ステンシルファミリーを通じて、AWS、Azure、Google Cloud Platform (GCP)、Alibaba Cloud、IBM Cloud、Kubernetes、および OpenStack をサポートしています。
どのような図の構文が必要ですか?
図は PlantUML 構文を使用し、@startuml で始まり、@enduml で終わり、cloud サービスのアイコンには mxGraph ステンシル定義を使用する必要があります。
サービス間のさまざまな種類の接続を表現できますか?
はい。このスキルでは、同期フローには実線矢印、非同期またはイベント駆動型のフローには破線矢印、物理的または双方向のリンクには実線、データの移動を記述するためのラベル付き接続をサポートしています。
レンダリングに関する要件や制限はありますか?
はい。図を正しくレンダリングするには、plantuml または puml のコードフェンスで囲む必要があります。図のレンダリングにおいて、テキストのコードフェンスの使用は明示的にサポートされていません。
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 |
すべてのファイル
9件のファイルcloudをインストール
スキルファイルをダウンロードし、.claude/skills/ ディレクトリに解凍してください。
ZIPをダウンロードリポジトリをクローンし、スキルファイルをプロジェクトにコピーしてください。
git clone https://github.com/markdown-viewer/skills/blob/main/cloud/SKILL.md # Copy SKILL.md to your .claude/skills/ directory
コピー





家
