← Toolstacks

Repo · MotionMIT23.3k

emilkowalski/skills

by emilkowalski · linked, not rehosted

Eight skills from the author of Sonner and Vaul — the interaction craft, written down.

Add it to your project

Give your agent this prompt — it sets the repo up for you:

Prompt for your agent
Add emilkowalski/skills, then run `review-animations` on my current diff and give me the block-or-approve verdict with the standards I violated.
View on GitHub ↗

Open source (MIT) · all rights to emilkowalski.

What it's for & howRead it ↓

What it is

2,284 lines of pure markdown — no scripts, no dependencies. Emil Kowalski built Sonner and Vaul; these skills are the doctrine behind them.

Skill What it does
emil-design-eng The main one: easing and duration tables, springs, transforms, gestures, performance, a11y
apple-design Apple's Designing Fluid Interfaces translated to the web — interruptibility, velocity handoff, rubber-banding
prototype Builds 3–5 genuinely different variants behind a visual picker you flip through
animation-vocabulary Reverse lookup: "that iOS bounce-back" → rubber-banding. ~90 terms
find-animation-opportunities Finds where motion is missing — with a gate that rejects most candidates
review-animations Diff review against ten non-negotiable standards, returns block or approve
improve-animations Codebase-wide audit that writes plans cheap models can execute
pick-ui-library Curated picks: base-ui, cmdk, Sonner, motion, NumberFlow, shiki, dnd kit …

When to reach for it

  • After components exist and before you ship — review-animations is a real gate.
  • When you can see that motion is wrong but cannot name what is wrong.
  • When you want several honestly different variants instead of one safe answer.

Honest limits

  • Markdown only. Nothing here runs, measures or fails a build — the discipline is yours.
  • Three skills (review-animations, pick-ui-library, prototype) are marked disable-model-invocation and only run when you ask for them by name.

← back to toolstacks