Product 02 · AI-assisted UX reviewActive Product / Prototype

AI UX Audit Lite

Turn interface findings into a reviewable decision workflow.

AI UX Audit Lite helps structure heuristic and accessibility findings while keeping the human reviewer in control of severity, rationale, and final review state.

AI UX Audit Lite real product interface
Verified Product Screen · AI UX Audit LiteReal Implemented Interface

02 · The Problem

UX reviews can become inconsistent, subjective, and difficult to structure across multiple findings. Standard AI audits produce generic unverified checklists that lack human accountability.

03 · Why I Built It

UX reviews can become inconsistent, subjective, and difficult to structure across multiple findings. I wanted a lightweight way to organise observations without handing final judgment to AI.

04 · How It Works

Stage 01

Interface Ingestion

Input viewport screen captures or code references to seed heuristic and accessibility review criteria.

Step 01 of 04
Stage 02

Assisted Finding Generation

AI surfaces potential friction points categorized by WCAG guidelines and Nielsen Norman heuristics.

Step 02 of 04
Stage 03

Human Triage & Override

Reviewer validates severity, edits rationale, assigns review states, or dismisses false positives.

Step 03 of 04
Stage 04

Decision Export

Outputs actionable audit logs formatted for engineering tickets and design backlog prioritization.

Step 04 of 04

05 · Key Product Decisions

Decision 01Human-in-the-loop review state
Reasoning

AI should propose findings, but a human must explicitly approve severity and remediation.

Trade-off Accepted

Requires manual reviewer engagement rather than offering one-click automated sign-off.

Decision 02Explicit review status tracking
Reasoning

Differentiating between unreviewed, accepted, modified, and rejected observations prevents automated bias.

Trade-off Accepted

More UI state complexity in the triage interface.

Decision 03Heuristic and accessibility focus
Reasoning

Grounding evaluations in objective standards (WCAG, established heuristics) produces verifiable results.

Trade-off Accepted

Constrains reviews to measurable usability criteria rather than subjective aesthetic opinions.

06 · The Product Experience

Direct evidence from the working interface

Visual artifacts are presented truthfully without synthetic mockups or fabricated marketing metrics.

AI UX Audit Lite interface walkthrough
Human-in-the-loop AIAccessibilityReview statesFrontend implementation

07 · What I Built / My Role

Product Framing

Defined core problem statement, human-in-the-loop architecture, and review workflow.

UX & System Design

Created triage interaction patterns, density controls, and status signaling.

Frontend Engineering

Built the responsive Next.js/React interface, state management, and LLM prompt contracts.

08 · Implementation Technologies

Only technologies and architectural patterns actually deployed:

Next.js / ReactTypeScript / ZodCSS / design tokensServer-side provider adapter / validated structured outputs

09 · Current Maturity & State

Live prototype in active iteration with testing on real interface design reviews.

Status: Active Product / Prototype · No simulated traction figures

10 · Recruiter Evidence

Human-in-the-loop AI UX, accessibility thinking, review-state design, product workflow design, and frontend implementation.

11 · Reflection & Next Steps

AI is most effective in design tools when it acts as an assistant that surfaces patterns for review, not an autonomous decider.

12 · Actions & Discussion

Explore AI UX Audit Lite

Interested in the implementation details, product architecture, or live demo?