テキストコンテンツをミニマルな手描き風の画像キューワードに変換し、生成されたキューワードを使用してNano Banana Proでイラストを作成します。

## ワークフロー

ステップ1：サイズ比率について問い合わせる

ユーザーがコンテンツを提供した後、分析を進める前に、**まずサイズと比率を要求する必要があります**。

この画像の縦横比はどれくらいですか？

>

横向きモード:

> - **16:9** — 横長表示 / Twitter / ソーシャルメディア

> - **5:2** — ブログヘッダー画像 / 横長画像

> - **21:9** — WeChat公式アカウントカバー / 超ワイドフォーマット

> - **4:3** — 一般的な横長レイアウト/プレゼンテーション

> - **1:1** — 正方形 / Instagram / プロフィール写真

>

ポートレートモード：

> - **9:16** — モバイル全画面表示 / ストーリー / 縦型ポスター

> - **2:5** — 縦長画像/モバイル壁紙

> - **9:21** — 縦長の画像 / 携帯電話の長めのスクリーンショット

> - **3:4** — 縦型ユニバーサルイメージ / 小紅書

### ステップ2：内部分析（ユーザーへの出力ではありません）

以下の分析を、**結果を出力せずに**頭の中で完了させてください。

- 核となるテーマ（最も重要な概念）を抽出する。

- 主要要素を絞り込む（**3～5**のみを選択する。多すぎるよりは少なめにする方が良い）。

要素間の関係性（流れ／比較／階層／ループ／並列）を特定する

- 感情的なトーンを判断する → 配色を推測する

- 比率に基づいて最適なレイアウトを選択する

**配色参考資料:**

| テーマの種類 | 背景色の提案 |

|---------|-----------|

| テクノロジー/開発 | ミントグリーンシリーズ `#D4F1D4`、`#E3F2FD` |

| ビジネス/金融 | ベージュ/ライトピーチトーン `#F5E6D3`、`#FFDAB9` |

| クリエイティブ/デザイン | 薄紫/薄ピンクの色調 `#E6E6FA`、`#FFE4E1` |

| 教育/知識 | 淡黄色/ミント色 `#FFF9E3`、`#D4F1D4` |

| 全般/ニュートラル | 温かみのあるベージュトーン `#F5E6D3` |

**レイアウト参照:**

| 比率 | レイアウト方向 | 最大要素数制限 |

|------|---------|---------|

| 16:9 | 水平方向の流れ（左から右） | 5 |

| 5:2 | 水平方向の拡張 | 5-6 |

| 21:9 | 極めて広い水平範囲、放射状または簡潔なプロセス | 4 |

| 4:3 | 水平/正方形の遷移 | 5 |

| 1:1 | 中心対称、放射状 | 4 |

| 9:16 | 垂直スタッキング（上から下へ） | 5 |

| 2:5 | 垂直方向への伸展 | 5-6 |

| 9:21 | 非常に長い垂直方向の層状構造 | 6 |

| 3:4 | 垂直/正方形の遷移 | 5 |

縦向きモードでは、横向きモードの左から右への流れが上から下への流れに変更され、水平方向の比較が垂直方向の比較に変更されます。

ステップ3：プロンプトワードを生成する

以下の2つの部分のみを出力し、その他の内容は一切出力しないでください。

「`」

【デザイン概要（一行）：背景色＋構成タイプ＋要素数、例：ミントグリーンの背景、水平方向の3段階構成、要素数3個】

[最終プロンプト本文]

「`」

---

## 最終プロンプト仕様

### 必須コンテンツ

1. **スケールパラメータ**（ツールのフォーマットによって異なります）

- 途中経過: 末尾に `--ar 16:9` (または対応する比率) を追加します。

- 一般的な説明：`16:9の水平構図`または`9:16の垂直構図`から始めます。

デフォルトでは、一般的な説明とMidjourneyパラメータの両方を書き込むため、両方のツールとの互換性が確保されます。

2. **ビジュアルスタイル**（変更なし）：

- ミニマルな手描きイラスト

- 太いマーカーで描いたイラスト、太めの筆ペン風

- 「非常に太い黒い輪郭線、重厚な線幅、子供向け絵本の挿絵のような大胆で太い線」

3. **筆跡テクスチャ**（詳細に記述する必要があります）：

- インクのにじみが細かいドライブラシの質感

- 「有機的でやや粗いエッジ」

- 「自然な線幅の変化がありながらも、常に太く力強い」

- 「不完全な円とやや歪んだ線」

―「温かみのある手作り感、完璧なベクター線ではなく、細い線でもなく、太くてしっかりとしたストロークのみ」

4. **配色**: 背景色（カラーコードを含む）+ `黒 #000000` メインカラー + アクセントカラー（ある場合）

5. **構成と要素**: レイアウト方法 + 各要素の視覚的説明 + 接続方法

6. **簡潔なキーワード:**

- `ミニマリスト`、`極めてシンプル`、`クリーン`、`すっきりとした`

- `十分な余白`、`要素の総数は3～5個のみ`

- 最小限のテキスト、ラベルごとに1～3語

7. **組版**: 丸みを帯びた手書き風フォント、カジュアルで親しみやすい雰囲気

### 最終プロンプトテンプレートの構造

「`」

[比率] [構成タイプ] 構成。 [背景色の説明]。 [N] 個の要素のみ: [要素 1 の説明]、[要素 2 の説明]、[要素 3 の説明]。 [接続方法の説明]。 太いマーカーのイラスト、太い筆ペン風、太い黒の輪郭線と太いストロークの重み - 太いペン先のマーカーのような、太くて太い線。 インクの被覆に小さな隙間があるドライブラシのテクスチャ、有機的でわずかに粗いエッジ、自然な線の太さの変化、不完全な円とわずかに揺れる線、温かみのある手作り感 - 完璧なベクター線ではありません。 [配色の説明]。 最小限のテキスト ラベルのみ: [ラベル リスト]。 十分な余白、すっきりとしていて整理されている、影やグラデーションのないフラットなイラスト、丸みを帯びた手書き風フォント。 --ar [X:Y]

「`」

### ステップ4：プロンプトに基づいてイラストを生成する

## 言語ルール

- デザイン概要はユーザー言語に準拠

- `final_prompt` **常に英語を使用してください**