5-step workflowmobile responsive layout touch viewport guided-flow Debugging

Improve Mobile Responsiveness

Make your app genuinely usable on phones: audit at real widths, fix layouts, and verify touch targets.

Run this as a guided flow on Flows — verify gates and recovery prompts included →

Flows@flows12d ago

0 runs0 forks0

Chain

Inputs

Step 1

flow-improve-mobile-responsiveness-1-audit-every-page-at-mobile-widths

Step 2

flow-improve-mobile-responsiveness-2-fix-layout-and-overflow

Step 3

flow-improve-mobile-responsiveness-3-fix-navigation-and-touch-targets

Step 4

flow-improve-mobile-responsiveness-4-fix-forms-tables-and-modals

Step 5

flow-improve-mobile-responsiveness-5-mobile-qa-verification

Final output

Workflow inputs

No inputs required — hit Run to stream each step in order.

Each step streams from its model and feeds the next. BYOK — you pay your provider directly. Add a key in Settings if a step needs one.

Step 1 · Get the concrete breakage list at real device sizes.

flow-improve-mobile-responsiveness-1-audit-every-page-at-mobile-widths

Claude Sonnet 4.6→ {{step_1}}

Awaiting upstream steps…

Step 2 · Kill horizontal scroll and rebuild layouts to flow vertically.

flow-improve-mobile-responsiveness-2-fix-layout-and-overflow

Claude Sonnet 4.6→ {{step_2}}

Awaiting upstream steps…

Step 3 · Mobile users must be able to reach and tap everything.

flow-improve-mobile-responsiveness-3-fix-navigation-and-touch-targets

Claude Sonnet 4.6→ {{step_3}}

Awaiting upstream steps…

Step 4 · The hardest mobile surfaces need explicit adaptation.

flow-improve-mobile-responsiveness-4-fix-forms-tables-and-modals

Claude Sonnet 4.6→ {{step_4}}

Awaiting upstream steps…

Step 5 · Re-run the audit to prove the app is genuinely phone-usable.

flow-improve-mobile-responsiveness-5-mobile-qa-verification

Claude Sonnet 4.6→ {{step_5}}

Awaiting upstream steps…

About this workflow

Make your app genuinely usable on phones: audit at real widths, fix layouts, and verify touch targets.

What happens when you run it

1
Get the concrete breakage list at real device sizes.
Runs flow-improve-mobile-responsiveness-1-audit-every-page-at-mobile-widths on Claude Sonnet 4.6
2
Kill horizontal scroll and rebuild layouts to flow vertically.
Runs flow-improve-mobile-responsiveness-2-fix-layout-and-overflow on Claude Sonnet 4.6
3
Mobile users must be able to reach and tap everything.
Runs flow-improve-mobile-responsiveness-3-fix-navigation-and-touch-targets on Claude Sonnet 4.6
4
The hardest mobile surfaces need explicit adaptation.
Runs flow-improve-mobile-responsiveness-4-fix-forms-tables-and-modals on Claude Sonnet 4.6
5
Re-run the audit to prove the app is genuinely phone-usable.
Runs flow-improve-mobile-responsiveness-5-mobile-qa-verification on Claude Sonnet 4.6

Best for

•Recurring tasks you currently copy-paste between tools.
•When a single prompt isn't enough — you need a chain where output(n) feeds prompt(n+1).
•Fork and adapt if your inputs differ materially from the author's use case.

Models used

Claude Sonnet 4.6