Audit UX Laws

Self-contained reference for the 30 Laws of UX (based on lawsofux.com by Jon Yablonski), tuned for an agent to find the relevant law, apply it to real code, and flag violations by severity. No live fetch — all law content is bundled in references/.

This skill does two jobs: proactive design (pick the right law while building UI) and review (audit an interface and report violations as CRITICAL / MINOR with concrete fixes). It works on UI only — components, layouts, navigation, forms, interactions, perceived performance. It is not a visual/CSS-correctness pass and it does not redesign brand or content.

The agent owns one decision: which laws are relevant to the thing in front of me? Everything downstream — the takeaway, the code pattern, the severity threshold — lives in the routed reference file. Read the router, open the one category file you need, apply it.

When to Use

Trigger on phrases and contexts like:

• "is this good UX?", "review this interface", "what's wrong with this design?"
• building or editing components, pages, layouts, navigation, menus, dropdowns, forms
• "too many options", "this feels overwhelming", decision points, pricing tiers
• touch-target sizing, click areas, spacing, visual grouping, hierarchy, what stands out
• loading states, response time, perceived performance, animation timing
• any named law: Fitts's, Hick's, Miller's, Jakob's, Doherty Threshold, Gestalt, Von Restorff, choice overload, chunking, cognitive load, Tesler's, Postel's, Pareto, Occam's, Zeigarnik, peak-end, goal-gradient, serial position