# GPT Image Hub prompt

## 日本語AIレポート添削アプリUIモックアップ
- URL: https://www.gptimagehub.com/ja/library/japanese-ai-report-correction-ui-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21590
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-report-correction-ui-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 2:1
- Style: graphic-design
- Tags: uiモックアップ, saasデザイン, 日本語ui, アプリ画面, ウェブデザイン, ミニマル, ダッシュボード
- Updated: 2026-10-27T03:29:28.098Z
- Created: 2026-10-27T03:29:28.098Z

AIレポート添削ツール向けの洗練された2カラムSaaSモーダルUIを生成します。角括弧内のアプリ名やテキストを変更して様々な製品の検証に活用できます。

### Full prompt
```text
ニュートラルなライトグレー背景の中央に配置された、大きな角丸の白いモーダルウィンドウによる清潔でリアルな日本のSaaSウェブアプリUIモックアップ。横長構図。モーダルには繊細なライトグレーのボーダー、柔らかなドロップシャドウ、繊細な垂直の区切り線で分かれた2パネルレイアウトが施されています。

上部およびコーナー要素：右上に白い「×」アイコンが付いた暗い円形の閉じるボタン。左下付近に重なる「＋ ALT」と「編集」と書かれた2つの小さな浮かぶダークピルボタン。右下端にわずかに見切れた暗い角丸バーの端。

左パネル（入力エリア）：
- 上部見出し：「[レポート添削AI]」、サブタイトル「AIがあなたのレポートを改善します」
- セクションラベル：「レポートを入力してください」
- 若者のSNS利用に関する日本語のサンプル文章が入った大きな白いテキストエリアカード、右下に「128/3000」の文字数カウンター
- 「添削する」と書かれた目立つ角丸の紫色のプライマリCTAボタン、その下に小さなグレーの補足テキスト「AIによる添削開始」

右パネル（結果エリア）：
- ヘッダータイトル：「AIによる添削結果」
- 「総合評価」ラベルと「B+」と書かれた鮮やかな緑色の角丸バッジ
- 「改善ポイント」セクションに、緑色のチェックマークアイコンが付いた正確に3つのチェックリスト項目：
  1. 「具体例があると説得力が増します」
  2. 「データや根拠を加えるとより良くなります」
  3. 「結論を明確にすると締まりが良くなります」
- 「改善例」セクション、その後に「近年、SNSの利用者数は増加しており、2023年の総務省の調査によると、10代の約90%がSNSを利用している。」から始まる読みやすい日本語の本文段落

ビジュアルスタイル：Apple製品のような日本のミニマルプロダクトデザイン、クリーンで現代的なサンセリフ日本語タイポグラフィ、十分な余白、柔らかいスタジオ照明、ピクセルパーフェクトな高解像度デジタルスクリーンショット風。人物なし、イラストなし、ブラウザ枠なし、スマートフォン枠なし。
```