Before & After: AI Output vs Production Code

Side-by-side comparisons showing what an AI agent generated and what the production code looks like after review. Each annotation explains what was wrong and why it was changed.

Auth Flow
6 issues
Login and forgot-password forms. AI output missed error state resets, hardcoded messages, and accessibility attributes. The production version fixes all six issues found in review.

2 files compared

Dashboard Table
8 issues
Data table with sorting, filtering, and pagination. AI output used client-side sorting, cleared data during reloads, and missed table accessibility attributes. The production version fixes all eight issues found in review.

2 files compared

Settings Page
6 issues
Profile and notification settings forms. AI output missed dirty state tracking, form reset after save, success toasts, and optimistic updates on toggles. The production version fixes all issues found in review.

2 files compared

Multi-step Wizard
6 issues
Onboarding wizard with step navigation, validation gating, and review step. AI output lost data on back navigation, had no progress indicator, no edit buttons on review, and no submit loading state. The production version fixes all six issues found in review.

2 files compared

Optimistic CRUD
6 issues
Task list with create, edit, delete, and toggle. AI output waited for server responses instead of updating optimistically, had no rollback on failure, and skipped confirmation dialogs. The production version fixes all six issues found in review.

2 files compared

File Upload
6 issues
Drag-and-drop upload zone with file previews, progress tracking, and per-file retry. AI output had no drag-over visual feedback, no client-side validation, no URL cleanup, and no individual retry. The production version fixes all six issues found in review.

2 files compared