Flow Library

Curated build walkthroughs across every stage - build, debug, launch, QA - plus research-backed flows on how the best AI agents work.

Debugging

10 flows
Flows category icon
Debugging

Add Database Persistence

Your app forgets everything on refresh: move state into a real database with working CRUD.

01Inventory unpersisted state
02Design models and endpoints
03Wire writes to the backend

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
Debugging

Add Loading/Error States

Eliminate silent failures and frozen screens: add loading, empty, and error states across the whole app.

01Inventory async surfaces
02Add loading states
03Add error states with retry

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix App That Looks Good But Does Not Work

The systematic recovery flow for beautiful-but-broken AI builds: audit honestly, then fix by functional priority.

01Run a brutal functional audit
02Prioritize the fix order
03Fix the core value action

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-120 minutesIntermediate
Flows category icon
Debugging

Fix Broken Buttons

Hunt down every dead button in your AI-built app and wire each one to real, verified behavior.

01Inventory every interactive control
02Fix dead buttons
03Fix fake buttons

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix Broken Form Submission

Forms that validate, submit, persist, and recover: repair every broken form in your app end to end.

01Inventory and test every form
02Wire submissions to real endpoints
03Add validation on both sides

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Fix Fake Auth

Your login 'works' but nothing is real: convert visual-only auth into persisted users, sessions, and guards.

01Diagnose what is fake
02Implement real user persistence
03Implement real credential verification

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps45-90 minutesIntermediate
Flows category icon
Debugging

Fix Routing/Navigation

Repair broken links, 404s, back-button traps, and guard gaps so navigation works like users expect.

01Map routes and links
02Fix dead and wrong links
03Fix deep links and refresh

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Improve Mobile Responsiveness

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

01Audit every page at mobile widths
02Fix layout and overflow
03Fix navigation and touch targets

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner
Flows category icon
Debugging

Make UI Less Generic

Escape the default-AI look: define a real visual identity and apply it systematically across your app.

01Audit the generic tells
02Define the visual direction
03Apply the foundation

+2 more steps to Done

Best forbuilders who have shipped a basic app before

5 steps60-90 minutesIntermediate
Flows category icon
Debugging

Refactor Messy AI Code

Clean up AI-generated spaghetti safely: dedupe, extract, and organize without breaking working features.

01Capture the behavior baseline
02Map the mess
03Remove dead code

+3 more steps to Done

Best forproduction-grade builds with strict verification

6 steps60-120 minutesAdvanced

Made with Emergent