Design & UX skills for your AI agent.
Nine skills covering the distance between a screen that works and one people trust. Some are diagnostic: UX Heuristics rates every usability violation from 0 to 4, and Design of Everyday Things explains why a control invites the wrong action at all. Some are constructive: Refactoring UI supplies the spacing and shade scales, Web Typography sets measure and line height before arguing about typefaces, iOS HIG Design carries Apple’s conventions, Microinteractions specs the small moments, and Top Design aims at the one thing people screenshot. Two govern process rather than pixels — Lean UX turns a feature request into a testable hypothesis, and Steve Jobs Design Review ends in a verdict and a cut list.
The difference shows the moment you say “make this look better.” Without a framework an agent nudges padding, picks a third blue, and adds a fade. With these it audits in grayscale before touching color, names the heuristic a screen violates and rates how badly, and tells you the button hierarchy is the problem rather than the border radius.
02 Choosing
Which design skill should I install?
Start from what is actually wrong. Nine symptoms, nine answers — most people run two.
The pairing that changes the most work is UX Heuristics plus Refactoring UI: one finds what confuses people, the other fixes what looks amateur. Add Top Design once the fundamentals hold — drama over broken hierarchy is just louder.
The order matters more than the count: comprehension before craft, craft before drama.
03 The nine skills
All nine Design & UX skills.
Each installs on its own, in about thirty seconds, and works in any agent that reads the open agentskills.io format.
04 Used by
Where these nine
get sequenced.
Guides and guided journeys that run Design & UX skills alongside the rest of the library — in the order that stops you fixing the wrong thing first.
05 Questions
Before you install.
The four we get asked most about this stack. The generic ones — pricing, licence, agents — live on the library page.
Do I need all nine design skills?
No. Two cover most complaints — UX Heuristics for “users are confused” and Refactoring UI for “this looks generated.” Add Web Typography if you publish long-form text, iOS HIG Design only if you ship to Apple platforms, and Top Design only when being memorable is a stated requirement rather than a wish. Microinteractions, Lean UX and Steve Jobs Design Review are situational: polish, process, and a pre-launch gate respectively.
Will Refactoring UI and Top Design pull my agent in opposite directions?
They can, and it’s worth knowing why. Refactoring UI raises the floor through constraint — one spacing scale, restrained shadows, hierarchy from weight rather than novelty. Top Design raises the ceiling through deliberate rule-breaking: viewport-filling type, asymmetric composition, custom easing. Run them in order rather than at once. On a dashboard, Refactoring UI alone is correct. On a launch page, let Top Design override it in exactly the places you chose.
I’m a developer with no design background. Are these usable?
That’s the intended reader. None of them ask you to have taste — they give your agent checkable rules, so the output is arguable rather than assertive. Refactoring UI in particular exists because its authors watched developers ship functional, ugly software. You’ll still make the calls; you just get told that the grays have no temperature and that hierarchy is being carried by position instead of emphasis.
How is this different from running the Create a Website journey?
The journey sequences ten skills across a whole build — message first, then design, then conversion — and asks you a decision question at each phase. These pages are for when you already know which part is broken and want one framework applied to it now. Install individual skills when you have a specific complaint about a specific screen; run the journey when you’re starting from a blank page and the order is the hard part.
Every skill installs alone. The library installs together.
Install all nine, or just one.
npx skills add wondelai/skills --all --global MIT licensed · Claude, Claude Code, Codex, Cursor, OpenClaw, Hermes · No account