Community코딩 & 개발github.com

markdown-viewer/cloud

PlantUML 문법을 사용하여 공식 AWS, Azure, GCP, Alibaba Cloud 서비스 아이콘으로 클라우드 제공업체 아키텍처 다이어그램을 생성합니다. 다중 서비스 클라우드 토폴로지 및 마이그레이션 청사진에 적합합니다.

cloud란 무엇인가요?

이 스킬은 PlantUML 문법을 활용하여 클라우드 제공업체(AWS, Azure, GCP, Alibaba Cloud)의 공식 서비스 아이콘으로 아키텍처 다이어그램을 생성합니다. 개발자나 아키텍트가 다중 서비스 클라우드 토폴로지, 마이그레이션 청사진, 인프라 구성을 시각화하는 데 유용합니다. 주로 마크다운 기반 문서 도구(예: Claude Code, Cursor 등)와 함께 사용되며, SKILL.md 문서에 따라 PlantUML 코드 스니펫을 생성하여 다이어그램을 렌더링합니다. 이를 통해 복잡한 클라우드 인프라를 명확하고 일관된 아이콘으로 표현할 수 있어 커뮤니케이션 효율성을 높입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/cloud

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

cloud은(는) 무엇을 하나요?

PlantUML 문법을 사용하여 공식 AWS, Azure, GCP, Alibaba Cloud 서비스 아이콘으로 클라우드 제공업체 아키텍처 다이어그램을 생성합니다. 다중 서비스 클라우드 토폴로지 및 마이그레이션 청사진에 적합합니다.

사용 방법

마크다운 문서 내에서 다음 형식으로 PlantUML 코드 블록을 포함하세요:

@startuml
!includeurl https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml

' AWS 아이콘 포함
!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v16.1/dist
!includeurl AWSPuml/AWSSymbols.puml

' AWS 서비스 아이콘 사용 예시
AWSComponent(ec2, "EC2 인스턴스", "Amazon Elastic Compute Cloud")
AWSComponent(rds, "RDS 데이터베이스", "Amazon Relational Database Service")

Rel(ec2, rds, "데이터 흐름", "SQL")

@enduml

지원되는 클라우드 제공업체

제공업체설명
AWSAmazon Web Services - EC2, S3, RDS, Lambda 등 모든 주요 서비스 아이콘 지원
AzureMicrosoft Azure - Virtual Machines, App Services, SQL Database 등 지원
GCPGoogle Cloud Platform - Compute Engine, Cloud Storage, BigQuery 등 지원
Alibaba CloudAlibaba Cloud - ECS, OSS, RDS 등 지원

주요 기능

  • 공식 아이콘: 각 클라우드 제공업체의 공식 서비스 아이콘 사용
  • 다중 제공업체: 단일 다이어그램에서 여러 클라우드 제공업체 조합 가능
  • 확장성: PlantUML의 강력한 레이아웃 및 스타일 옵션 활용
  • 마크다운 통합: 마크다운 문서 내에서 직접 다이어그램 렌더링

예시 사용 시나리오

  • 마이그레이션 청사진: 온프레미스에서 클라우드로의 마이그레이션 계획 시각화
  • 하이브리드 클라우드: AWS와 Azure 간 연결 구조 표현
  • 마이크로서비스 아키텍처: 컨테이너화된 서비스의 배포 다이어그램

자세한 내용은 PlantUML 문서와 AWS Icons for PlantUML을 참조하세요.

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

markdown-viewer/archimate

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.

markdown-viewer/architecture

Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.

markdown-viewer/bpmn

Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.

markdown-viewer/canvas

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer/data-analytics

Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.

markdown-viewer/graphviz

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.

markdown-viewer/infocard

Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.

markdown-viewer/iot

Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.

markdown-viewer/mindmap

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

markdown-viewer/network

Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.

markdown-viewer/security

Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.

markdown-viewer/uml

Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.

markdown-viewer/vega

Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.

관련 스킬