# 出力フォーマット仕様（ChatGPT貼り付け用）

slide-architect スキルの最終出力は、**そのままChatGPT (GPT-5.5 Thinking) / Sora の拡張機能（画像生成）に貼り付けて使えるテキスト形式**で出力する。NanoBanana CLI等の自動画像生成は使わない。

---

## 大原則

1. **HEXカラーコードを必ず明示** — Claude/ChatGPT間の色解釈差を防ぐ
2. **1スライド1プロンプト** — コピペで連続生成しやすい
3. **構造（型）→ デザイン（色・装飾）→ 内容（テキスト）の順に記述**
4. **英語＋日本語の併記** — ChatGPTの画像生成精度を上げるため英語指示を含める。ただし**スライド内テキストは必ず日本語**

---

## 標準出力フォーマット

### 全体構成（Phase 1で出すもの）

```markdown
# スライド構成案：〇〇（テーマ）

## 基本情報
- 総枚数: 30枚
- デザインテーマ: ピンク×ネオン（HEX指定済み）
- 雰囲気モディファイア: なし
- 用途: セミナー / SNS / 講座 / LP / 動画

## カラーパレット（全スライド共通）
- メイン: #FF1493（マゼンタピンク）
- アクセント: #00FFFF（シアン）
- 背景: #1A0033（ダークパープル）
- 強調: #39FF14（ネオングリーン）
- 文字（白）: #FFFFFF
- 文字（影）: #000000

## スライド一覧

| # | パターン | カテゴリタグ | タイトル | 役割 |
|---|---|---|---|---|
| 1 | ⑰ タイトル | YouTubeトレンド | YouTubeトレンド情報 | プレゼン表紙 |
| 2 | ⑲ AGENDA | AGENDA | 今日のトピック | 全体目次 |
| 3 | ⑳ SECTION扉 | SECTION 01 | ショート動画で〜 | 章扉 |
| ... | ... | ... | ... | ... |

→ この構成でよろしいですか？OKをもらえたら個別プロンプト出力に進みます。
```

### 個別プロンプト（Phase 2で出すもの）

各スライド1つずつ、以下のフォーマットで出力する：

```
========================================
SLIDE 01 / 30 — タイトルスライド
========================================

【ChatGPTにそのまま貼り付け】

横長16:9のスライドを1枚作成してください。

# レイアウト構造
パターン⑰ タイトル/プロローグ型
- 上部中央: カテゴリタグ「YouTubeトレンド」を小さく
- 中央: メインタイトル「YouTubeトレンド情報 / チャンネル設計」を2行・大型で
- 下部: サブタイトル「コンセプト設計で登録者を増やす最新戦略」
- 右下: 日付「2026.03.28」

# デザイン指定（ピンク×ネオン）
- 背景色: #1A0033 (deep dark purple) with subtle radial gradient
- メインタイトル文字色: #FFFFFF (white) with glow effect using #FF1493
- カテゴリタグ: bubble shape, fill #FF1493 (magenta pink), text #FFFFFF
- サブタイトル文字色: #00FFFF (neon cyan)
- 装飾: scattered keywords in background ("YouTube" "TREND" "STRATEGY") at 20% opacity in #00FFFF
- アクセント要素: lightning bolt icons in #39FF14 (neon green), 3-4 pieces around the corners
- フォント: bold sans-serif (Noto Sans JP Bold or similar)
- 雰囲気: energetic, club-aesthetic, glitch-art, neon-sign style

# テキスト内容（必ず日本語で表示）
- カテゴリタグ: 「YouTubeトレンド」
- メインタイトル: 「YouTubeトレンド情報\nチャンネル設計」
- サブタイトル: 「コンセプト設計で登録者を増やす最新戦略」
- 日付: 「2026.03.28」

# 注意事項
- スライド内のテキストは必ず日本語で表示すること
- 英語混入禁止（「YouTube」「TREND」等の背景装飾は除く）
- 文字は読みやすく、コントラスト比4.5:1以上を確保
- 16:9比率（推奨1920×1080px）
```

---

## プロンプトに必ず含める6要素

| 要素 | 役割 |
|---|---|
| **1. レイアウト構造** | 43パターンのどれか＋部品の配置 |
| **2. カラーHEX指定** | 全色をHEXコードで明示 |
| **3. 装飾要素** | アイコン・線・パターン等の指示 |
| **4. 雰囲気キーワード** | "energetic" "minimal" "horror"等の英語形容詞 |
| **5. テキスト内容** | 日本語で正確に |
| **6. 注意事項** | 日本語表示厳守、コントラスト確保等 |

---

## コピペ運用フロー

ユーザーは以下の手順で使う：

1. Claude Codeで `/slide-architect` 起動
2. 台本とテーマを伝える → Phase 1の構成案が出る
3. OKを返す → Phase 2で全スライドのプロンプトが順次出る
4. **各プロンプトをChatGPTにコピペして1枚ずつ画像生成**
5. 完成画像をPowerPoint/Canva/Keynote等に貼り付けて完成

---

## 雰囲気モディファイアの適用例

ベーステーマ「ピンク×ネオン」に「ホラー」を加えた場合：

```
# デザイン指定（ピンク×ネオン × ホラーモディファイア）
- 背景色: #0A0014 (near-black with red undertone)
- メインタイトル文字色: #FF1493 with blood-drip effect
- 装飾: distressed texture, cracks, subtle blood splatter in #8B0000
- 追加要素: dark shadows from below, candlelight flicker effect
- 雰囲気: horror, suspenseful, gothic, eerie

→ 元のレイアウト構造はそのまま、色と装飾だけ恐怖系に変化
```

---

## カスタム調整の受け方

ユーザーから以下のような調整指示があったら、プロンプトに追記する：

| ユーザー指示 | プロンプトへの反映 |
|---|---|
| 「もっと薄い色で」 | "use pastel/muted variants of these colors, opacity 60%" |
| 「もっと濃く」 | "saturate colors to 100%, deepen background" |
| 「カジュアルに」 | "add hand-drawn elements, casual handwritten font" |
| 「シックに」 | "use serif font, monochrome accent, minimal decoration" |
| 「子ども向けに」 | "round shapes, bright colors, playful icons" |
| 「ビジネス向けに」 | "clean geometric, navy/gray base, sans-serif, minimal" |

---

## 出力時のクオリティチェック

各プロンプト出力前に以下をチェック：

- [ ] HEXカラーが全て指定されているか
- [ ] レイアウトパターンが明示されているか
- [ ] テキストが日本語で書かれているか
- [ ] 16:9比率の指定があるか
- [ ] 「英語混入禁止」「日本語表示厳守」の注意書きがあるか
- [ ] 雰囲気キーワード（英語形容詞）が含まれているか
