Flows workflow logoFlows
Mobile QA Checklist
0/5 steps0%

Step 1 of 5

Layout pass at phone widths

Find every layout break at real device sizes.

First time here? Paste the Context Pack first so the AI understands your project - open it from the header above.

Prompt Capsule
Run the mobile layout pass at exactly 375px and 414px using device emulation. For every page and modal, record: horizontal overflow (and the offending element via inspect), overlapping or cut-off content, text below readable size, broken grids/cards, images overflowing, and sticky elements covering content. Produce the per-page issue table. Interact while checking - open menus, expand sections, trigger modals.
Paste into EmergentFull Build: complete implementation prompt with explicit requirements

Quick is short. Full Build is recommended for most steps. Strict forces real logic when the AI keeps faking output.

Actual change check

Expected after this step

A per-page layout issue table from interactive checking at both widths.

Should NOT happen

  • An existing feature broke
  • A button only logs to console
  • Data disappears after refresh
  • Errors fail silently with no visible state

This is what should exist before you continue. If reality does not match, do not move on.

Track what changed, failed, or needs follow-up. Notes export with the flow.

Made with Emergent