# GPT Image Hub prompt

## 卵料理フローチャートWebアプリUI
- URL: https://www.gptimagehub.com/ja/library/egg-cooking-flowchart-web-app-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28048
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fegg-cooking-flowchart-web-app-ui
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 4:3
- Style: graphic-design
- Tags: フローチャート, webアプリ, ui画面, 日本語, ディシジョンツリー, インフォグラフィック, ミニマル
- Updated: 2026-10-28T01:57:28.098Z
- Created: 2026-10-28T01:57:28.098Z

卵の調理法を選ぶ日本語フローチャートを表示するWebアプリ画面を生成します。括弧内の質問項目や料理名、アプリ名を変更して利用できます。

### Full prompt
```text
AI生成ドキュメントを表示するクリーンなデスクトップWebアプリのUIスクリーンショット：卵の調理法を選ぶミニマルな白黒の日本語ディシジョンフローチャート。

UIレイアウトと設定：
- ライトグレーの背景を持つデスクトップブラウザ／アプリ画面。
- 上部アプリアプリバー：全幅に広がる鮮やかなブルーのバー。左端に白い画像アイコン、白いタイトル文字「[資料画像生成]」、右端に白いグリッドメニューアイコン。
- メインキャンバス：かすかなドロップシャドウと十分な余白を持つ、中央に配置された角丸の白いカード。右端に控えめなスクロールバー。
- フローティングボタン：白いカードの右端に配置された2つの円形ブルーアクションボタン（右上に白いダウンロード矢印アイコン、右下に白いペン／編集アイコン）。

フローチャートの構成とテキスト：
- 黒い輪郭線の白い長方形ボックス6個と太い黒矢印5本。
- ボックス1（左端）：『卵をどう調理する？』
- ボックス2（中央上）：『殻のまま茹でる？』
- ボックス3（右上）：メインテキスト『ゆで卵』、小さなサブテキスト『お好みで半熟〜固茹で』
- ボックス4（中央下）：『黄身を崩す？』
- ボックス5（中央右）：『スクランブルエッグ』
- ボックス6（右下）：『目玉焼き』

接続とラベル：
- ボックス1からボックス2への右向き矢印。
- ボックス2からボックス3への右向き矢印、上に「YES」ラベル。
- ボックス2からボックス4への下向き矢印、右に「NO」ラベル。
- ボックス4からボックス5への右向き矢印、上に「YES」ラベル。
- ボックス4から下に向かい右に折れてボックス6に入る矢印、角付近に「NO」ラベル。

フッターテキスト：
- 白いカード内左下に小さなグレーの日本語テキスト「[概算 約7円]」。

スタイルと制約：
- モダンでフラットなUIスクリーンショット、鮮明な日本語サンセリフフォント、チャート内は装飾カラーなしのモノクロ、高コントラストな黒線とテキスト、ウォーターマークなし。
```