DP-10 · UX law build · free skill for AI agents

Build a screen from a prompt

Know which UX laws shape a screen before your agent writes a line of it.

YouBuild our pricing page. Three plans, and make sure everyone picks Pro.

New screen

Build our pricing page. Three plans, and make sure everyone picks Pro.

tokens.json 14 values

Describe a change

Draft 1 pricing · 1280

Basic

£9 /month

1 user

Start trial

Pro Most popular

£29 /month

5 users

Start trial

Team

£79 /month

20 users

Compare all 40 features

YouBuild our pricing page. Three plans, and make sure everyone picks Pro.

Law brief · pricing page

CONSTRAINTThree plans in view; the 40-row feature table one tap away. Hick’s law, checked by count.
CONSTRAINTOne filled button per view, at least 44px tall. Von Restorff and Fitts, measured.
TRADE-OFFHonesty wins over “everyone picks Pro”: Pro is highlighted only if it suits most customers.
UNKNOWNWhether prices include tax. It decides where the full price must appear.

Your callWhich plan, if any, to recommend.

Get UX law build .zip · 46 KB How to install

Illustrative example. The labels: CONSTRAINTA law, written as something to checkTRADE-OFFWhere laws conflict, which one wonUNKNOWNCan’t tell; says what would settle it

Say it your way

“Build our pricing page and make it follow UX best practices.”
“Generate a sign-up form. Apply Hick’s and Fitts’s laws.”
“Turn this idea into a first screen. We have no designer.”

It works through

Frame
Select
Settle
Constrain
Check
You decide

You get back

The laws that matter here
Conflicts settled
Testable constraints
Results after the build

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-build.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-build.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.