Skip to content
don’t make it ugly
All resources

GuideTools

Laws of UX

The psychology principles behind good interfaces, one page each.

Free
Visit website (opens in a new tab)
Preview of Laws of UX

What it is

Laws of UX by Jon Yablonski explains the cognitive principles designers rely on (Fitts's Law, Hick's Law, the Aesthetic-Usability Effect, Jakob's Law and more) with a short page and a poster for each. Free to read, with a companion book.

Why it’s here

Great vocabulary for talking to your agent about why something feels off. "Reduce choices per Hick's Law" or "make the primary target bigger per Fitts's Law" are precise, actionable instructions.

Best for

  • learning UX principles
  • explaining design decisions
  • usability fixes

Can my agent use this?

Agent good agent friendliness

Yes. Each law has its own page an agent can read. Cite the law by name when asking for a change.

Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.

Access methods

  • Public website

Related resources

  • Checklist Design
    Preview of Checklist Design

    Checklist Design

    Checklists of what every common screen and component should include.

    good agent friendlinessGuideFreeStaff pick
  • Chrome DevTools MCP
    Preview of Chrome DevTools MCP

    Chrome DevTools MCP

    Let your agent inspect, debug and profile a live Chrome tab.

    excellent agent friendlinessMCP serverFreeOpen source
  • DesignMD
    Preview of DesignMD

    DesignMD

    Point it at a URL and it extracts that site's design system as a DESIGN.md.

    excellent agent friendlinessTool
  • DESIGNMD by Hyperbrowser
    Preview of DESIGNMD by Hyperbrowser

    DESIGNMD by Hyperbrowser

    A single-purpose tool that extracts a DESIGN.md from any URL you give it.

    good agent friendlinessToolFree