スキル一覧に戻る
cm-yoshikikasama

creating-aws-diagrams

by cm-yoshikikasama

blog backup md

1🍴 0📅 2026年1月18日
GitHubで見るManusで実行

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

スコア

総合スコア

50/100

リポジトリの品質指標に基づく評価

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

レビュー

💬

レビュー機能は近日公開予定です