PROMPTS

UI design prompts for Codex.

Tested, copy-and-paste prompts for designing real screens with Codex or ChatGPT. Each set goes from the first brief to production code, and shows an example of what the prompts produce.

Prompt sets

• Landing page design promptsBrief, hero directions, full page, features, pricing, mobile check, and production code.
• Mobile app UI design promptsBrief, onboarding flow, home, list and detail, settings, empty states, dark mode, and code.

How to use these prompts

• Paste them in order. Each set starts with a brief that the later prompts build on.
• Replace the details in brackets. They show where your product, audience, and numbers go.
• Keep one screen per file. Self-contained HTML files are easy to compare, revise, and move into code.

Learn the workflow

• How to design UI with CodexThe six-step workflow these prompts follow.
• How to design UI with ChatGPTWhen to use Chat, image generation, or Codex.