15 skills that teach an agent what it does not do by default: when not to animate, how to set type, which states a screen needs, what a press should feel like. Each one is a plain SKILL.md, installable with one command or readable by any agent from its raw URL. Distilled from the catalogue, written here.
- 15
- skills
- 4
- groups
- 19195
- words
Foundations
What a screen is made of before anything moves.
5- 03spaceSpacing scale, density, alignment, widths and rhythm.
- 04typeTwo scales, hierarchy without size, tabular numbers, loading.
- 05surfaceNeutrals, tokens, borders versus shadows, one accent, both themes.
- 06ux-copyButtons that are verbs, errors that say what to do, no exclamation marks.
- 07a11yHTML first, names, keyboard, focus, contrast, and a five-minute test.
Behaviour
The moment after the click, and everything that follows.
4- 08interactionPress, hover, focus, drag, latency, undo over confirm.
- 09motionWhether to animate, then tool, property, curve, duration, exit.
- 10statesLoading, empty, error, partial, stale and success, all designed.
- 11componentsPrimitive or hand-rolled, the state matrix, APIs by composition.
Contexts & finish
Where the rules bend, and the last ten percent.
4- 12agent-uiStreaming, thinking, tool calls, approvals, citations, the composer.
- 13mobile-feelTargets, dvh, safe areas, sheets, the keyboard, a real phone.
- 14scroll-and-webglSpectacle on a budget: scroll scenes, Lenis, canvas, shaders.
- 15polishThe last ten percent as a checklist you run before shipping.