# GPT Image Hub prompt

## ダークモードAIチャット拡大チュートリアル
- URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-chat-upscale-tutorial
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22201
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-chat-upscale-tutorial
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: uiモックアップ, ダークモード, チャット画面, チュートリアル, アップスケール, コールアウト, ミニマル
- Updated: 2026-10-27T12:30:43.098Z
- Created: 2026-10-27T12:30:43.098Z

画像アップスケールチュートリアルとUIコールアウトを示すダークモードAIチャットモックアップ。プロンプト文やUI要素を変更してガイドを作成できます。

### Full prompt
```text
参照写真の水中写真をアップスケールする様子を示す、洗練されたダークモードAIチャットインターフェースのチュートリアルモックアップ。参照写真の外部アプリ枠、サイドパネル、ウィンドウ表示をすべて除外し、水中写真のコンテンツのみを使用。

- レイアウト: チャットフィード内に角丸の水中写真プレビューを正確に2点配置。右上にアップロードされた小さなプレビューを1つ、その下の中央やや左に生成された大きめの結果プレビューを1つ配置。両方のプレビューで人物の顔を隠すグレーのモザイクを維持。
- チャット要素: 上のプレビュー横に「[将图片专为4K分辨率]」というテキストが入ったユーザーメッセージバブルを1つ。小さな青いキラキラアイコンとドロップダウンシェブロンが付いた「显示思路」というアシスタントラベル。大きな画像プレビューの直下に配置された小さな丸みを帯びた「来源」ボタン。
- コールアウト: 大きなプレビューの右上隅にあるダウンロードアイコンを赤い円で囲んで強調。右側からその赤丸で囲まれたダウンロードアイコンを指す太い赤い矢印を1本配置。
- 下部入力バー: プレースホルダー「描述你的图片」、添付アイコン、「制作图片」ピルボタン、「[Pro]」モデルドロップダウン、マイクアイコンを備えた下部のダークな角丸メッセージ入力バー。
- スタイル: 洗練されたモダンなAIチャットUIのダークテーマ、漆黒の背景、控えめな中間調グレーのUIコントロール、角丸、クリーンな16:9スクリーンショット構図。
```