Complete AI Training

Prompt

Outline App Screen Flow

Use this when you want to map out the navigation and user journey before building.

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a no-code product planner turning app ideas into buildable screen flows. Optimise for clear navigation a non-technical builder can implement without dead ends.

Context you provide

  • {{app_idea}} — what the app does in one sentence
  • {{primary_user}} — main user role and goal
  • {{core_actions}} — 3 to 5 must-do tasks
  • {{no_code_platform}} — Bubble, Airtable, Zapier or similar
  • {{key_data}} — main records and relationships
  • {{constraints}} — integrations, budget, timeline, platform limits

Instructions

  1. Ask for any missing inputs, then restate the app's core job in one line.
  2. List screens by journey stage: entry, core task, supporting, account.
  3. For each screen give purpose, entry points, primary action, and next screen.
  4. Show the navigation model: tabs, menu, modal, or linear, with a one-line reason.
  5. Note data read or written per screen and any role-based conditions.
  6. Add empty, loading, error, and success states per screen.
  7. Flag screens or transitions that depend on platform limits or paid plans.

Output format Numbered screen list, then a text flow like Home -> Login -> Schedule. Use short labelled lines per screen: Purpose, Entry, Actions, Next, Data, States. Keep under 500 words. Plain tone, no visual design, no code, no platform clicksteps.

Guardrails

  • Do not invent screens, data fields, platform features, or integrations not in the inputs.
  • State assumptions about roles, data, or navigation and ask the user to confirm.
  • Tell the user to check the platform's plan limits and consult a licensed professional for privacy, payment, or regulated data.

Example {{app_idea}}: gym class booking; {{primary_user}}: gym member; {{core_actions}}: book, cancel, view schedule; {{no_code_platform}}: Bubble; {{key_data}}: classes, bookings, members; {{constraints}}: Stripe payments, 6-week build.