집
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 |
