GPT Image 2.6 mockup to HTML prompt for Codex
Turn a GPT Image 2.6 mockup into one self-contained HTML file in Codex, matching layout, spacing, colors and text, with icons in inline SVG.
Rebuild the attached mockup image as one self-contained HTML file at [390×844], with inline CSS and system fonts. Match the layout, spacing, colors, and text exactly. Draw icons with inline SVG.
- Works with
- GPT Image 2.6, Codex
- From the set
- GPT Image 2.6 prompts
About this prompt
Every other prompt in this set ends with a picture, which you can’t click, resize or ship. This one is for Codex: attach the mockup you generated and it rebuilds the image as a single self-contained HTML file with inline CSS and system fonts, matching the layout, spacing, colors and text, and drawing the icons as inline SVG.
The bracketed size is the one thing to change. Keep 390×844 for a phone screen and use the mockup’s own dimensions for anything else, for example 1440×900 for a desktop hero or dashboard. If the image has photos, tell Codex where the real files are rather than asking it to recreate them.
Expect a close first pass, not a pixel-perfect one. On a Codex Design canvas the generated image and the HTML version sit side by side, so mismatches in spacing or font size are easy to spot and fix, either visually or with a follow-up prompt to Codex.
More prompts from this set
- Fitness app home screen prompt for GPT Image 2.6A running app home screen with a weekly distance ring, a Start run button, a last-run card and a four-tab bar, ready to adapt to your own app.
- Mobile banking app prompt for GPT Image 2.6A banking app screen with a balance card, four quick actions and a recent transactions list in a calm navy palette. Swap in your own figures.
- Food delivery app home screen prompt for GPT Image 2.6A food delivery home screen with an address bar, search, cuisine chips, a featured restaurant card and a Popular near you list, in white and red.
- App onboarding screens prompt for GPT Image 2.6Three onboarding screens side by side: a welcome screen, goal chips and a reminder time picker, in one consistent palette for your app.
- Chat app conversation screen prompt for GPT Image 2.6A messaging conversation screen with message bubbles, a shared photo, a voice message waveform and a message input, in a light theme with blue.
- iOS settings screen prompt for GPT Image 2.6A native iOS settings screen with grouped lists, current values, toggles for sync and reminders and a red Sign out row. Change the app and groups.