Flows workflow logoFlows
Improve Mobile Responsiveness
0/5 steps0%

Step 1 of 5

Audit every page at mobile widths

Get the concrete breakage list 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
Audit the entire app at exactly 375px and 768px widths. For every page and modal record: horizontal overflow (yes/no and the offending element), unreadably small text, overlapping/cut-off elements, touch targets under 44px, unusable navigation, and broken forms/tables. Output the issues table ordered by page. Use devtools device emulation and actually interact - do not just look.
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 page-by-page mobile issue table from real interaction.

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