beautiful-mermaid

name	beautiful-mermaid
description	Mermaid記法でSVGダイアグラムを生成し、READMEやMarkdownに埋め込む。3モード: `render`（既存Mermaidコード→テーマ付きSVG）、`generate`（コードベース分析→自動生成）、`create`（自然言語→ダイアグラム）。トリガー: 「Mermaid」「マーメイド」「Mermaidで図を作って」「フローチャート」「可視化」「アーキテクチャ図」「シーケンス図」「ER図」「クラス図」「状態遷移図」。draw.io形式が指定された場合はdrawio-diagram-forgeスキルを使用すること（このスキルはMermaid記法専用）。 or architecture that would benefit from visual representation.

Beautiful Mermaid

Render Mermaid diagrams as beautifully themed SVG files using the beautiful-mermaid library. Output is optimized for embedding in README.md and other Markdown documents.

Language

Mermaid diagram内のノードラベル、エッジラベル、サブグラフタイトルは全て日本語で記述する。 ユーザーへの説明やMarkdown埋め込みスニペットのalt textも日本語で書く。

例:

• Node: A[ユーザー入力] (not A[User Input])
• Edge: A -->|認証成功| B (not A -->|Auth Success| B)
• Subgraph: subgraph auth["認証フロー"] (ASCII ID + Japanese label)
• Alt text: ![ユーザー登録フロー](docs/diagrams/user-registration.svg)

技術用語（API, DB, HTTP, gRPC等）はそのまま使って良い。

Prerequisites

The project must have beautiful-mermaid installed:

npm install beautiful-mermaid
# or
bun add beautiful-mermaid

If not installed, install it before proceeding.

Modes

This skill operates in three modes, selected by argument:

Mode	Argument	Description
Render	render	Take existing Mermaid code and render it as a themed SVG
Generate