Codex教材でありH3Maxの実測ではありません。表紙のスマートフォンはApril 23・1/3完了の変種です。主例はSeptember 29・0/3です。デスクトップ文案も提示文の逐語的な結果ではなく、freeは架空のTodayの表記です。
静的UI画像を検証するには、画像の外側に期待値が必要です。見た目が良いという評価と、指定された内容を満たしているという評価を分離します。
ここではTodayという架空のタスクアプリを使い、モバイル、SaaSダッシュボード、ランディングページをそれぞれ完全なプロンプトから作成します。自動テストやコード生成ではなく、保存した画像を目視確認する手順です。
期待値を定義する
モバイルの固定日付はTuesday, 29 September、選択日はTue 29です。次の三タスクはすべて未完了とします。
Read 10 pages — Personal · 20 min
Walk for 20 minutes — Health · 20 min
Plan tomorrow — Planning · 10 min
進捗の期待値は0 of 3 completeと0%。三つの円形チェックは空で、リングに完了色の区間はありません。ナビゲーションはToday、Projects、Calendar、Profileの四項目で、Todayを選択します。
Todayの三画面仕様と確認方法を参照するときも、画像の展示変種をこの期待値へ混ぜないようにします。すべて例示データであり、実際の利用記録ではありません。
Codexの静的設計教材です。異なる完了状態とデスクトップ文案を含みます。寸法は設計提案であり、実装から抽出された値や編集可能な部品ではありません。
モバイル候補を生成する
明示したUI仕様から画像候補を作る画面でText to Image、GPT Image 2、9:16、1Kを選択します。2026年10月2日の確認では9:16、16:9、1K／2K／4KとJPEG出力が見えています。JPEG以外を選べるとは仮定せず、送信前のcreditsも確認します。
Create one complete static mobile UI concept for the fictional Today app.
Use a flat 9:16 portrait canvas. No device frame or surrounding scene.
Cream background, charcoal text, white task cards, deep-teal accents,
subtle borders and shadows, readable typography, generous safe margins.
Header:
Today
Tuesday, 29 September
A small avatar circle containing AL.
Progress card:
0 of 3 complete
0%
A little focus goes a long way.
An empty pale progress ring with no completed green segment.
Seven-day strip:
Mon 28, Tue 29, Wed 30, Thu 1, Fri 2, Sat 3, Sun 4.
Highlight Tue 29.
Exactly three task cards, all with EMPTY circular checkboxes:
Read 10 pages — Personal · 20 min — book icon
Walk for 20 minutes — Health · 20 min — walking icon
Plan tomorrow — Planning · 10 min — calendar icon
Checkbox left; title and metadata middle; category icon right.
One prominent deep-teal Add task button beneath the cards.
Bottom navigation: Today, Projects, Calendar, Profile. Select Today.
Align repeated components and preserve every word.
Keep all content visible. No extra tasks, checked states, navigation,
or claims of working interaction.
Codexによる主例教材で、H3Maxの実測ではありません。こちらが9月29日・0/3です。操作部は画像であり、WebP教材は別の出力形式を証明しません。
見出し、進捗、日付、タスク、主操作、ナビゲーションの順で読めるか確認します。Add taskの強調と、セクション選択の強調は別です。
SaaS候補では行と値を固定する
16:9へ変更します。詳細な表やグラフを要求するなら、表示すべき値も先に与えます。
Create one static 16:9 desktop SaaS dashboard for fictional Today.
Use cream surfaces, charcoal text, white panels, and deep-teal accents.
Sidebar: Overview, Projects, Calendar, Files. Select Overview.
Heading: Today. Greeting: Hello, AL.
Label the workspace Example data.
Summary cards: Tasks 3 / Complete 0 / Remaining 3.
Task table columns: Task, Project, Status, Due.
Exactly these rows:
Read 10 pages | Personal | Incomplete | Tue 29
Walk for 20 minutes | Health | Incomplete | Tue 29
Plan tomorrow | Planning | Incomplete | Tue 29
Secondary column:
A chart titled Completed tasks and labeled Example data.
Mon 28=0, Tue 29=0, Wed 30=0, Thu 1=0,
Fri 2=0, Sat 3=0, Sun 4=0. Do not invent nonzero activity.
A compact calendar for those seven dates; highlight Tue 29.
Place greeting and summaries above the main workspace.
Keep table headings, statuses, and chart labels readable.
No extra records, unsupplied metrics, or mobile device frame.
全ゼロの値は表示用の架空設定です。過去の実績でも将来予測でもありません。行数と概要3／0／3、グラフのラベルと値を照合します。
ランディングページは目的を分ける
Create one static 16:9 desktop landing page for the fictional Today app.
Use warm ivory surfaces, charcoal text, deep-teal accents,
and restrained readable typography.
Headline: Make room for focused work
Primary CTA: Start planning
Include a product preview and exactly three benefit cards:
Stay organized
Focus on what matters
Make real progress
The preview shows Today's three incomplete tasks:
Read 10 pages, Walk for 20 minutes, Plan tomorrow.
Use empty checkboxes, 0 of 3 complete, and 0%.
Keep headline and CTA readable at ordinary browser display size.
Separate the hero, product preview, and benefit cards clearly.
Do not invent customer logos, testimonials, prices, performance statistics,
or working links. No device frame.
同じ配色を使っても、情報構造まで同一にする必要はありません。小さい文字を確認するために各画面を別々に出力し、複数画面入りのカバーだけで判断しないでください。
修正候補も再検証する
文字列、要素数、状態関係、配置を別々に見ます。三つの空チェックとゼロ進捗が一致し、日付と選択も一致する必要があります。一件完了を採用するなら完了タスクが一つ必要ですが、今回の主例ではありません。
二番目のラベルだけを変更する場合、Image to Imageへ切り替えるか、基準画像を添付して変更箇所を限定した依頼を出す入口で保存済み候補を添付します。
Correct only the second task label to Walk for 20 minutes.
Preserve Health · 20 min, the other copy, three empty checkboxes,
0 of 3 complete, 0%, the empty progress ring, Tuesday 29 selection,
layout, colors, four navigation items, and the Add task button.
Do not introduce a completed task or a new card.
限定指示は領域固定の保証ではありません。全体を比較し、回帰があれば基準へ戻します。文字の問題は外部の実テキスト、構造の問題はネイティブ要素の再構築へ切り替えます。解像度の増加で誤った状態は直りません。
選んだJPEGにプロンプト、文案、状態と未解決事項を添付します。画像の読み込みだけでレイヤー、コンポーネント、コードにはなりません。実装で使うフォントの許諾、レスポンシブ、キーボード操作、対比、実際のインタラクションは別途検証します。