Skip to content

15 skills that give AI agents design-engineering taste: when not to animate, how to set type, which states a screen needs, what a press should feel like. Each is a plain SKILL.md. Install it with one command, or point any agent at the raw URL.

15
skills
4
groups
19195
words

Install all

Open in
GitHub

Or one at a time: npx skills add paragonhq/stealth-skills --skill motion

01

Start here

2
  • 01/stealthThe design-engineering posture and the order decisions get made in.
  • 02/reviewA strict interface audit with a file, a line and a fix for every finding.
02

Foundations

5
  • 03/spaceSpacing scale, density, alignment, widths and rhythm.
  • 04/typeTwo scales, hierarchy without size, tabular numbers, loading.
  • 05/surfaceNeutrals, tokens, borders versus shadows, one accent, both themes.
  • 06/ux-copyButtons that are verbs, errors that say what to do, no exclamation marks.
  • 07/a11yHTML first, names, keyboard, focus, contrast, and a five-minute test.
03

Behavior

4
  • 08/interactionPress, hover, focus, drag, latency, undo over confirm.
  • 09/motionWhether to animate, then tool, property, curve, duration, exit.
  • 10/statesLoading, empty, error, partial, stale and success, all designed.
  • 11/componentsPrimitive or hand-rolled, the state matrix, APIs by composition.
04

Contexts & finish

4
  • 12/agent-uiStreaming, thinking, tool calls, approvals, citations, the composer.
  • 13/mobile-feelTargets, dvh, safe areas, sheets, the keyboard, a real phone.
  • 14/scroll-and-webglSpectacle on a budget: scroll scenes, Lenis, canvas, shaders.
  • 15/polishThe last ten percent as a checklist you run before shipping.