Command·Emil Kowalski skills·15 skills·UI063

/animate

Builds an animation in order: should it animate, why, which tool, what moves, how it speeds and slows, what happens if interrupted, and a version for people who turn motion off.

Example

/animate the dropdown menu

Motion, polish and frontend craft from Emil Kowalski. The review, find and improve skills only read and do not change code unless you ask.

Skip it when: Choosing a whole page's visual direction. Hallmark and Impeccable handle that.
Best for: Animation, polishing components, testing worst cases and choosing libraries.
Changes: Changes code
Notes: The first time you call most of these, they reply with one line and wait for your question.

Skills it uses

animateBuild an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.design-kit·Emil Kowalski