Skip to content

sprezzature-ux-laws

Laws of user experience (UX)

Apply the canonical Laws of UX (Jon Yablonski) to vanilla-JavaScript (JS) + Tailwind: both when making new user interface (UI) and when auditing existing HyperText Markup Language (HTML). Reference covers 30 laws with trigger / action / Tailwind hook.

Makes

  • Design a screen with Hick / Fitts / Miller / Peak-End in mind
  • Each law paired with a concrete Tailwind hook

Audits

  • Static auditor flags the mechanically-detectable subset: Hick, Miller, Fitts, Jakob, Tesler, Aesthetic-Usability, Selective Attention, Doherty, Choice Overload
  • Severity + JavaScript Object Notation (JSON) output for pre-commit / continuous integration (CI)

Say one of these

The skill triggers itself on phrasing like this, no command to memorize.

audit for Laws of UX design this screen using Hick / Fitts is my nav too Hick-heavy too many choices cognitive load Doherty threshold reduce clutter

Reference library

The knowledge the skill draws on: read them straight from the repo.