Build a Login Page with Auth Metrics Tracking

About this workflow

Create a real login page with working authentication and instrument it to capture useful investment-app auth metrics such as signups, login attempts, success rate, failures, and drop-off.

What happens when you run it

1. 1
   Establish exactly what the login system must do and what metrics need to be captured before implementation starts.

   Runs flow-build-login-page-auth-metrics-tracking-1-define-the-auth-flow-and-metrics-s on Claude Sonnet 4.6
2. 2
   Set up the real auth provider, session handling, and shared auth state needed by the login page.

   Runs flow-build-login-page-auth-metrics-tracking-2-create-or-wire-the-authentication- on Claude Sonnet 4.6
3. 3
   Create a usable login form with proper field validation and submission states.

   Runs flow-build-login-page-auth-metrics-tracking-3-build-the-login-page-ui-with-valid on Claude Sonnet 4.6
4. 4
   Instrument the login experience so each important auth action is recorded and measurable.

   Runs flow-build-login-page-auth-metrics-tracking-4-add-auth-metrics-event-tracking on Claude Sonnet 4.6
5. 5
   Ensure authenticated users reach the app and unauthenticated users are blocked from protected content.

   Runs flow-build-login-page-auth-metrics-tracking-5-protect-routes-and-redirect-correc on Claude Sonnet 4.6
6. 6
   Make the login flow reliable under invalid credentials, network issues, and session edge cases.

   Runs flow-build-login-page-auth-metrics-tracking-6-handle-failure-states-and-edge-cas on Claude Sonnet 4.6
7. 7
   Provide a way to confirm that auth events are actually being captured.

   Runs flow-build-login-page-auth-metrics-tracking-7-create-a-simple-metrics-verificati on Claude Sonnet 4.6
8. 8
   Verify that the full login flow works in practice and that each action produces the expected metric.

   Runs flow-build-login-page-auth-metrics-tracking-8-run-end-to-end-auth-and-metrics-te on Claude Sonnet 4.6
9. 9
   Close the common gaps left by AI-generated builds and ensure the feature is production-ready enough for the intended scope.

   Runs flow-build-login-page-auth-metrics-tracking-9-fix-implementation-gaps-and-harden 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