オプション

PlantUMLの構文を使用し、AWS、Azure、GCP、Alibaba Cloudの公式サービスアイコンを用いて、クラウドプロバイダーのアーキテクチャ図を作成できます。複数のサービスにわたるクラウドトポロジーや移行計画の策定に最適です。

...すべて拡張します
45
更新された時間 2026年6月29日

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 のコードフェンスで囲む必要があります。図のレンダリングにおいて、テキストのコードフェンスの使用は明示的にサポートされていません。

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

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

コピー コピー
クイックセットアップ: skillフォルダを.claude/skills/にコピーしてください。Claudeが自動的にスキルを検出して使用します。
リポジトリ markdown-viewer/skills

関連スキル

Cloudflare Manager
更新された時間 2026年6月29日
pinecone
更新された時間 2026年6月29日
azure-setup-guide
更新された時間 2026年6月29日
sentry-architecture-variants
更新された時間 2026年6月29日
OR