App / Web design prompts

Wireframe sketch to polished app screens

Nano Banana Pro prompt, 16:9 frame. Uses your photo.

Turn my wireframe sketch into three polished mobile app screens side by side. Keep the layout and order of elements from the sketch. Design system: [colour] primary, [font style] type, 8-point spacing, rounded cards, clear hierarchy. Fill in realistic content for a [app type] app. Show the screens on plain backgrounds, not inside phone frames.

Shopping app home screen mockup

GPT Image 2.5 prompt, 9:16 frame.

A realistic mobile screenshot of the home screen of a shopping app called "[app name]" that sells [products]. Top: search bar and location. Then: a festive banner "[banner text]", a row of round category icons, a "Deals for you" product grid with prices in [currency], and a bottom tab bar with five icons. Clean, modern, [brand colour] accents, status bar showing [time].

Music player screen design

GPT Image 2.5 prompt, 9:16 frame.

A polished mobile now-playing screen for a music app. Large square album art of [cover description], track title "[title]", artist "[artist]", a progress bar at [time], play controls, a lyrics preview of two lines and a queue button. Background: blurred colours from the album art. Modern, minimal, readable.

Design system sheet in any style

GPT Image 2.5 prompt, 16:9 frame.

A single design system sheet in a [style] style. Show: colour palette with names, type scale (display, heading, body, caption), buttons in three states, input fields, a card, a navigation bar, icons and a small mobile and desktop preview using the components. Neat grid, labels in small sans-serif.

Token-first UI build

Component built on design tokens, not hard-coded colours.

Create a design token file (colors, type scale, spacing, radius) for a premium dark theme: royal blue, antique gold, saffron accent. Then build a responsive pricing section that uses only these tokens. Show me the plan before editing files.