Screen UX Audit
Audits one screen against UX checklists across code, screenshots and user journeys.
Install
npx skills add lobehub/lobehub --skill ux-audit -g -a claude-code -y- Repository
- lobehub/lobehub83.7k
- Category
- Design
- Updated
- 3d ago
- License
- See repository
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
Audit a page / surface against the Designing Interfaces pattern language + the ux skill checklists, then land findings. Three layers, static (code), visual (screenshots), dynamic (automated user journey + perf). Use to run a repeatable, standards-based UX review of one screen.
UX Audit
A repeatable, standards-based UX review of one surface at a time. The benchmark is two things together:
- Jenifer Tidwell, Designing Interfaces, the pattern language for what a good
interface is made of. See
references/pattern-catalog.md. - The
uxskill, LobeHub's execution checklists for how a flow should behave.
The audit answers: which patterns does the surface use (and how well), and where is
the experience weak (each gap tied to a checklist item). Recurring gaps feed back as new
ux checklist items; the audit itself becomes a worked-example reference.
Do one surface per run, a full-app sweep is too much for a single pass. Re-run per page as the product grows; that's the "continuous" part.
Three layers, pick by what you need to catch
An audit is not one activity. A finding is only trustworthy from a layer that can actually see it. Each layer has its own procedure file; run the ones the surface needs.
