Mermaid Diagram Creator

どんな skill か

Mermaid は「テキストで書くダイアグラム言語」です。この skill を使うと、「営業フローの図を描いて」と頼むだけで、Mermaid 形式のコードと SVG 画像を自動生成してくれます。

商用利用 OK の Apache 2.0 ライセンスで、社内資料・ブログ記事・Notion・GitHub README など、幅広く使えます。

どんな人に向くか

• ブログや note に説明図を載せたい人
• 業務フローを可視化したい企画職
• README に構成図を入れたいエンジニア
• 議事録に「議論の流れ」を図解で残したい人

どんな人に向かないか

• イラスト的なお絵描きをしたい人（Excalidraw が向く）
• 厳密な UML 図を描きたい人（専用ツールを推奨）

使い方の例

私: チームの開発フロー（Issue → ブランチ作成 → PR → レビュー → マージ）を図にして。

Claude Code: mermaid で生成します...
   → flow.svg と flow.mmd を生成

つまずきポイント

• 1枚に詰め込みすぎると見づらい。要素10個以上なら分割推奨
• 日本語フォントはレンダリング環境による（GitHub ならOK、Notion は別途設定）

ライセンス

Apache-2.0。商用利用・再配布・改変ともに可能（LICENSE/NOTICE保持、改変点明示）。

🔍 静的検証済み：リポジトリの実在・ライセンス（MIT）・SKILL.md/README 内容・メンテ状況を自動チェック済み。 実機検証はまだ未実施です。導入時は SKILL.md と LICENSE をご確認ください。