Better interface craft
Design & motion · 7 skills
Animate
Build purposeful interface animation with the right properties, timing, and easing.
By Emil Kowalski
Install
npx skills@latest add emilkowalski/skills --skill=animateWhat it does
Animate turns an interaction goal into a motion implementation, choosing what should move, how long it should take, and which easing curve supports the intended response.
Use it when
- A state change needs motion that explains what happened.
- You need to implement a specific transition rather than add generic animation.
Probably not for: Animating every surface simply to make the interface feel busier.
Security
Third-party security analysis is available externally. Saucekit links to the source and does not reproduce or perform the audit.
In these collections
Related skills
Animation Vocabulary
Translate vague motion feedback into precise animation language an agent can act on.
Review Animations
Review interface motion against a strict, practical animation craft bar.