Back to list
cm-yoshikikasama

creating-aws-diagrams

by cm-yoshikikasama

blog backup md

1🍴 0📅 Jan 18, 2026

SKILL.md


name: creating-aws-diagrams description: Creates AWS architecture diagrams using Mermaid flowchart with official AWS icons, clickable nodes, and proper layout. Use when creating or updating AWS infrastructure diagrams, visualizing CDK stacks, or documenting system architecture.

AWS構成図作成

AWS構成図を作成するための2つの方式

方式の選択

方式用途メリット
MermaidMarkdown埋め込み、テキスト編集バージョン管理しやすい、編集が容易
Diagram MCPGitHub表示、画像出力AWSアイコン確実に表示、レイアウト安定

指定がなければMermaidを使用

Mermaid

AWS公式アイコンを使用(Iconify API)

flowchart LR
lambda@{img: "https://api.iconify.design/logos/aws-lambda.svg",label: "lambda:<br>function-name",pos: "b",w: 60,h: 60,constraint: "on"}

ノードID規則

サービスノードID
Lambdafunction-name
S3bucket-name
ELBload-balancer-name
EC2instance-id
ECScluster/service
RDSdb-cluster-id

詳細: mermaid-guide.md

Diagram MCP

Python diagramsパッケージでPNG画像を生成

with Diagram("タイトル", show=False, direction="LR"):
    s3 = S3("Source")
    glue = Glue("ETL")
    athena = Athena("Query")
    s3 >> glue >> athena

レイアウトのポイント

  • Clusterのネストは2階層以内
  • メインフローは単一チェーン接続
  • IAMロールは関連Cluster内に配置

詳細: diagram-mcp-guide.md

Score

Total Score

50/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon