Make Claude Code ship UI that thinks before it renders.

Name: UX Engine
Brand: designmotionhq
Price: 79 USD
Availability: InStock

UX Engine is a Claude Code plugin: eight skills of senior-designer reasoning, four commands that run them. User intent first, hierarchy enforced, one design system across every screen.

Get UX Engine · $79 A company of 3 or more? See Team

Works inClaude CodeCursorCodexOpenCode· one-time payment

30-day money-back guarantee, no questions asked

claude · ~/your-app

>/ux-design users admin page

ux-designer · intent discovery

Who uses this page day-to-day, and what's the worst mistake they could make on it?

>support team · deleting the wrong account

Brief locked

Delete moves to overflow + typed confirmation

Search becomes the primary action · 5 columns, not 12

Empty, loading and error states specced up front

✓Wireframe + spec ready. Building for intent, not schema.

4 commands you type. 8 skills that decide.

/restyle Diagnoses an existing UI axis by axis, applies DESIGN.md, hands back a before/after.

It reads the screen axis by axis (type, colour, space, finish) and says what is a decision and what is a default. Then it applies your DESIGN.md, writing one first if you have none, and hands back the before and after. Logic and structure stay untouched.

When the UI works but looks like every other AI-built app.

/restyle Diagnoses an existing UI axis by axis, applies DESIGN.md, hands back a before/after.

When the UI works but looks like every other AI-built app.

The 8 skills underneath

The commands run them on demand, and Claude also loads them on its own whenever it touches UI.

Intent Discovery. Forces the who / what / worst-case questions before a single line of UI is written.
Information Hierarchy. Ranks actions primary / secondary / tertiary and enforces scanning patterns and density.
State Completeness. Covers the states a component can actually be in: loading, empty, error, success, plus partial and offline where they apply.
Form UX. Field grouping, label placement, validation strategy, smart defaults, progressive disclosure.
Feedback & Affordance. Feedback under 100ms, confirmation on destructive actions, clickable looks clickable.
UX Auditor. Point it at any UI: “audit” returns a severity-ranked fix list, “fix” returns the fixed code with the findings it addresses.
Design System. Writes DESIGN.md at your project root from the tokens you already have, puts them in your code, and points your agent at it so later sessions follow it.
Visual Character. One explicit decision per axis: type, color, space, finish, written as tokens before the markup. No falling back on the framework palette.

One payment. Yours forever.

No subscription: pay once, keep it, get a year of updates. Pick by the size of your company; both licences cover client work.

one-time payment ·Works inClaude CodeCursorCodexOpenCode

Solofreelancers and companies of 1 or 2

$79

Your products, and your clients'.

Everything UX Engine does, for you and a partner if you have one, on every project: your own SaaS and the sites you build for clients.

All 8 skills, 2 sub-agents, 4 slash commands
A guide: where to start on a screen you already shipped, and how to tell each skill is working
12 months of updates included
Email support, 72h response

Get UX Engine · $79

3 people or more? Team covers the whole company.

Teamcompanies of 3 to 10

$299

A design system in every handover.

Every site you deliver ships with its design system written down, and the engine that holds it. That is what separates your handover from an agency that pasted AI output.

Everything in Solo: 8 skills, 2 sub-agents, 4 commands, the guide, 12 months of updates, email support
Everyone in the company, up to 10 people: no seats to count
The plugin stays in every repo you deliver, in writing
One order, one receipt, one download for the team

Get Team · $299

More than 10 people? Email support@designmotionhq.com.

Try it for 30 days. If it doesn't change how Claude ships UI, one email to support@designmotionhq.com gets you a full refund. No questions, no forms.

Buy. Unzip. Two minutes.

No marketplace registration. No license activation. The ZIP goes wherever you keep your tools, Claude Code picks it up with a local path, and the package ships the exact commands.

35 blind tests. 35 wins.

It picked UX Engine every time. We run the same test before every release.

How we test

We gave Claude Code seven everyday requests: add an invoices page, clean up a users table, build a signup form, design a pricing page. Each one ran ten times in four React projects, from a shadcn admin to a bare form, five times with UX Engine and five times without. Then a second model looked at each pair without knowing which was which, and picked the one it would ship.

Claude Code alone compared with Claude Code and UX Engine, on the same prompts
Examples from the test prompts	Claude alone	With UX Engine
Users table cut to the columns that matter	0/5	5/5
Signup: a network failure gets a specific message and keeps what was typed	0/5	5/5
Inputs with the right type and autocomplete	1/5	5/5
Invoice search with no match offers a way to clear it	0/5	5/5
Pricing page colours taken from the project's tokens	0/5	5/5
Type, colour and radii chosen for the product, not framework defaults	0/5	4/5
Audit of a page with 18 planted defects: share found	49%	62%

Claude Sonnet, 5 runs per side and per prompt. Measured on our test projects, not a promise on yours: the 30-day refund covers the rest.

From people who installed it.

The UX engine became a standard plugin in my Claude, really love it”
Developer, UX Engine customer
I just purchased and it's sick, it helped me so much”
UX Engine customer

Things you probably want to know.

Does it work outside Claude Code?

Yes, in any agent that loads skills in the standard SKILL.md format. Cursor, Codex and OpenCode are tested. The package ships the same product as 14 skills; one copy into ~/.agents/skills/ installs them, and agent-skills/INSTALL.md has the commands. The commands become skills you invoke by name, and the two sub-agents run inside your conversation instead of a separate agent.

Will it slow down my workflow?

A one-line edit costs the same as without the plugin. A new screen brings three or four skills and takes about twice the time and tokens of Claude on its own: that is the plugin reading your project and deciding before it writes, instead of you rebuilding the screen twice after.

Will it interrogate me before every screen?

No. It reads your project first (README, DESIGN.md, the screens next to the new one) and only asks when the request is open, like “build me a dashboard”, and it cannot find who the screen is for. When your request already says what the screen contains, it writes its assumptions in a short brief, marks them, and builds. A change to an existing screen gets no questions at all.

How do I know it works?

Before each release, the same everyday prompts run with and without the plugin in four real projects, and a second model that cannot tell which is which picks the code it would ship. In the current release it picked the plugin's version in 35 duels out of 35. That is a measurement on our test projects, not a promise on yours, so the 30-day refund covers the rest: one email, no questions.

Which licence do I need?

It depends on the size of your company, not on what you build. Solo is for freelancers and companies of one or two people, client work included. From three people, take Team: it covers everyone in a company of up to ten, and UX Engine can stay installed in every repo you deliver, for the client's team to keep using on that project. More than ten people: email support@designmotionhq.com.