# ネイティブレイアウトカタログ（HTML版）

`build_slides_html.py` の `RENDERERS` に実装済みのレイアウトのみを列挙する。各スライドの内容を見て、最も伝わりやすい型を **1つ** 選ぶ。

## 選定の優先ルール（SKILL.md Step 3 と同一）

1. **図解ファースト**: 数字・比較・割合・流れ・位置づけが含まれるなら図解系レイアウトを優先する
2. 同じ型を連続させない
3. 定性的で図解にできない情報のみ bullets / cards を使う
4. 特殊スライド（cover / section / closing / profile）は該当箇所でのみ使う

## 図解系レイアウト（優先）

| layout | 用途 | 補助要素の上限 |
|---|---|---|
| `big-number` | 印象的な数字・料金を主役に見せる | items 1〜3個 |
| `bar-chart` | 量の大小比較（横棒グラフ） | items 3〜6本 |
| `donut` | 構成比・割合（SVGドーナツ） | items 2〜5区分 |
| `flow` | 手順・流れ（番号ボックス＋矢印） | steps 3〜4個 |
| `matrix` | 2軸でのポジショニング（価格×品質等） | points 3〜6個 |
| `icon-summary` | 要点3つを絵文字アイコンで象徴 | items 3個（絵文字使用可の唯一のレイアウト） |

## 定性系レイアウト（図解化できない場合のみ）

| layout | 用途 | 補助要素の上限 |
|---|---|---|
| `cards` | 並列の事例・プラン紹介 | items 3〜5個 |
| `bullets` | 箇条書きの説明 | items 3〜5個 |
| `comparison` | Before/After・2案の対比 | left/right_items 各4〜5個 |
| `process` | ステップ解説（矢印なし・6ステップ以上向け） | steps 6個未満推奨、超える場合は分割 |

## 特殊スライド

| layout | 用途 |
|---|---|
| `cover` | 表紙。中央にタイトル大文字、下にサブタイトル、白背景＋画面下端に細い青グラデ線 |
| `section` | 章扉。中央に章タイトル1行、章番号ラベル、下に薄いグレーの区切り線 |
| `closing` | まとめ。中央にメッセージ、下にCTA（任意） |
| `profile` | 写真付き紹介。左に写真（角丸・青枠）＋右に名前/肩書き/箇条書き |

## 廃止（画像生成時代の遺物）

旧 A〜Z の26型カタログ（ピラミッド型・ベン図型・氷山型など）は GPT-Image-2 画像生成フロー専用で、現行 HTML 実装には存在しない。参照する場合は `legacy/prompt_template.md` を見ること。新規スライドでは使わない。
