Curated stack
Motion, from zero
Decide whether to animate, pick the curve, then tune it against the real component. Add the whole stack, or trim it first.
7 of 7
animate
Builds an animation from scratch, decisions in the order that matters.
Should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Then writes the implementation.
npx skills add https://github.com/emilkowalski/skills --skill animate
apple-design
Apple's interface and motion principles, translated for the web.
Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.
npx skills add https://github.com/emilkowalski/skills --skill apple-design
animation-vocabulary
Reverse-lookup glossary: describe the effect, get the exact term.
"The bouncy thing when a popover opens" becomes Pop in. "The iOS rubber-band scroll" becomes rubber-banding. Better words in, better motion out.
npx skills add https://github.com/emilkowalski/skills --skill animation-vocabulary
DialKit
A floating control panel wired straight to your UI values.
Josh PuckettMotionComponentsSliders, toggles, colour pickers, spring editors and action buttons. Tune motion against the real component instead of rebuilding it.
https://joshpuckett.me/dialkit
Easing Graphs
A curated collection of easing curves, graphed.
Lochie AxonMotionPick the curve by looking at it, then paste the cubic-bezier.
https://www.easing.dev
to-spring-or-not-to-spring
Decides when springs beat easing curves, and when they don't.
Audits animation timing choices. Springs are not free, so this is the argument for each one, per interaction.
npx skills add https://github.com/raphaelsalaja/skill --skill to-spring-or-not-to-spring
Transitions.dev
The essential app transitions, copy-paste.
Jakub AntalikMotionA reference collection rather than a dependency. Take the one you need.
https://transitions.dev
Emil Kowalski
Raphael Salaja