Communityコーディング&開発github.com

markdown-viewer/cloud

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

cloud とは?

markdown-viewer/cloudは、PlantUML構文を利用して、AWS、Azure、GCP、Alibaba Cloudといった主要クラウドプロバイダーの公式サービスアイコンを含むアーキテクチャ図を簡単に作成できるスキルです。マルチサービスのクラウドトポロジー設計や移行計画の視覚化に特化しており、開発者やアーキテクトがシステム構成を明確に共有するのに役立ちます。このスキルは、Markdownドキュメント内でPlantUMLコードブロックを記述することで動作し、対応する図を自動生成します。また、公式アイコンを使用することで、正確でプロフェッショナルな見た目の図を提供し、クラウド環境の設計やプレゼンテーションの品質を向上させます。Claude CodeなどのAIエージェントと連携して、素早く図を作成・編集できる点が大きな利点です。

対応~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の公式サービスアイコンを用いたクラウドプロバイダーアーキテクチャ図を作成します。マルチサービス構成のクラウドトポロジーや移行ブループリントに最適です。

使用方法

Markdown文書内で以下のようにPlantUMLコードブロックを記述してください:

@startuml
!include <aws/common>
!include <aws/compute/EC2>
!include <aws/database/RDS>

actor User
rectangle "アプリケーション" {
  EC2_compute("EC2インスタンス", "Webサーバー")
  RDS_database("RDS", "データベース")
}

User --> EC2_instance
EC2_instance --> RDS_database
@enduml

サポートされているクラウドプロバイダー

  • AWS: Amazon Web Servicesの公式アイコン
  • Azure: Microsoft Azureの公式アイコン
  • GCP: Google Cloud Platformの公式アイコン
  • Alibaba Cloud: Alibaba Cloudの公式アイコン

主な機能

  • 公式アイコンを使用したプロフェッショナルな図の作成
  • 複数のクラウドプロバイダーを組み合わせたマルチクラウド構成の表現
  • システム移行のブループリント図の作成
  • ネットワークトポロジー、データフロー、サービス間の依存関係の視覚化

注意事項

  • PlantUMLが動作する環境が必要です(PlantUMLサーバーまたはローカルインストール)
  • アイコンセットは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.

関連スキル