Live UX audit demo

Find usability issues before your users do.

Paste a UI component and get findings against Nielsen Norman Group's 10 usability heuristics, each with a severity rating. It's a public version of the UX auditor agent I built for an enterprise Kiro AI kit.

10Nielsen Norman Group usability heuristics applied to every audit

5Findings at most, sorted by severity, each backed by the code

1Component per audit, for findings you can act on

Run an audit

Paste a single component — .tsx, .jsx, .html, .vue, or .svelte. The auditor reads it from the user's point of view and reports only issues it can point to in the code.

Paste UI code to audit

Tip: one component at a time produces the most actionable findings.

How the audit works

The same agent logic runs inside Kiro, where a hook audits every UI file on save. Here you trigger it by hand.

Read the experience

Claude looks at intent, flow, feedback, and cognitive load the way a user would meet them, not at visual polish alone.

Apply the heuristics

Each issue is tied to one of Nielsen Norman Group's 10 usability heuristics and rated critical, high, medium, or low.

Keep only what's provable

The auditor reports only issues with evidence in the code, five at most. It never edits files and doesn't invent problems.

Say so when it's clean

If nothing qualifies, it returns an exact "no issues" line instead of padding the report. Accessibility is a separate audit, so it's out of scope here.