Measure a page against UX laws
Every law your page should meet, measured, with numbers anyone can re-run.
YouAudit our checkout before launch, and give it a score out of 100.
Checkout
Desk lampArrives Thursday
−2+Add delivery protection (£2.99)
Subtotal£38.98
Total£41.97
Pay £41.97
run-probe.mjs
targets.below24AA 1 preTicked 1 emphasisCount 1 reflow.pageScrollX 0 focus.noVisible 2 theme.dark not applied
YouAudit our checkout before launch, and give it a score out of 100.
Law audit · checkout
- FAILThe − and + buttons are 20 × 20px, 6px apart at 390px: under WCAG’s 24px minimum.
- FAIL“Add delivery protection (£2.99)” is ticked on load. Handed to the dark pattern check.
- PASSOne filled button per view: “Pay £41.97”.
- UNVERIFIEDDark theme: the page ignored the setting, so nothing there was measured.
Your callWhich failures block launch. There is no score.
Illustrative example. The labels: FAILChecked and falsePASSChecked and trueUNVERIFIEDNot checked; says how to
Say it your way
- “Audit our checkout against the UX laws.”
- “Are the tap targets big enough on mobile?”
- “We fixed the contrast. Re-measure it.”
It works through
- Scope
- Measure
- Confirm
- Inspect
- Verdict
- You decide
You get back
- Measured, not guessed
- A verdict per law
- Numbers with conditions
- Before and after
Install in one command.
It loads by itself when a request like these comes in. Free and open source, no account.
Claude Code
unzip splitfire-ux-law-audit.zip -d ~/.claude/skills/ Every project on this machine. Use .claude/skills/ inside a repository to share with your team.
Codex
unzip splitfire-ux-law-audit.zip -d ~/.agents/skills/ Every project. Use .agents/skills/ inside a repository instead, then restart Codex.
Claude apps
On claude.ai or the desktop app, upload the .zip in your skills settings. One zip is one skill.