stack-diagram

こんなときに使います

サービスの技術構成を図にして共有したいとき

使う前に：描いた後に公開ギャラリーへの投稿を一度提案されます。

できること

• ✓使っている技術を文章で説明するだけで、構成図を描かせられる
• ✓各サービスの公式ロゴを自動で取得して、図の中に配置する
• ✓線が文字の上を通らないよう配置し、描いた図を確認してから渡す
• ✓ライトとダークの両方の配色で、同じ図が書き出される
• ✓AWS・Google Cloud・Azure などクラウドの構成も描ける

始める前に必要なもの

• Python 3.9以上
• ロゴ取得用のネット接続
• Playwright（PNG出力時）

入れ方

下の文を Claude Code に貼ると、入れる前に中身の説明を受けられます。説明を読んで、実行するコマンドや外部への送り先に納得できたときだけ入れてください。リンク先は作者が書き換えることがあり、当サイトは安全を保証するものではありません。

https://github.com/caru-ini/stack-diagram

このスキルを入れる前に、中身を読んで次の3つを説明して。まだ入れないで、私の返事を待って。
1. 何をするものか
2. 実行するコマンドやスクリプト
3. 外部に送るデータと送り先

GitHubで中身を見る →

基本情報

種類

スキル

分類

資料・図解

GitHubのスター

1,835

最終更新

2026-11-03

ライセンス

MIT

掲載元

GitHub（作者のREADME）

説明はGitHub（作者のREADME）の内容をもとに、日本語でまとめ直したものです。確認日：2026-11-05