sagochiko/aws-drawio-diagram-skill

42 stars · Last commit 2026-09-30

AWS の構成図を draw.io の形式で描く Claude Code の Skill / Claude Code Skill that draws AWS architecture diagrams as draw.io files

README preview

# aws-drawio-diagram

日本語 | [English](README.en.md)

AWS の構成図を draw.io の形式(.drawio)で描かせる Claude Code の Skill。構成を箇条書きで伝えるだけで、AWS 公式のアイコンを使い、タイトルや凡例のような飾りを足さない図を描く。

見た目の決まり(枠の入れ子、ラベルの位置、線の引き方、色)は Skill の側に書いてあるので、依頼には構成だけを書けばよい。

この決まりは、Claude Code に AWS 構成図を描かせる5つの方法を比べて作った。比較の内容は [AI感のないAWS構成図をAIエージェントに描かせたい!](https://qiita.com/sagochiko/items/ef77b084ff2dee1f859c) に書いた。

```text
以下のAWS構成の構成図を作ってください。

- CloudFront の背後に ALB を置く
- ALB のターゲットは ECS Fargate のサービスで、2つのAZに分散する
- データベースは Aurora MySQL、Writer 1台と Reader 1台を2つのAZに分ける
- 静的ファイルは S3 に置き、CloudFront から配信する
- ログとメトリクスは CloudWatch に集約する
- VPC は 2AZ 構成で、各AZにパブリックサブネットとプライベートサブネットを持つ
- ALB はパブリックサブネット、ECS と Aurora はプライベートサブネットに置く

View full repository on GitHub →