animate
Add purposeful frontend animations and micro-interactions that improve feedback, transitions, hierarchy, and delight while respecting performance and prefers-reduced-motion.
SKILL.mdskills/animate/SKILL.md
GitHubAnimate
This is the Impeccable animate mode alias.
Use the installed impeccable skill as the design context first, then focus only
on motion that improves usability or feel.
Workflow
- Identify where motion would clarify feedback, smooth a transition, explain hierarchy, or add a high-value delight moment.
- Pick one coherent motion strategy before adding individual effects.
- Implement with transform and opacity where possible. Avoid animating layout properties such as width, height, top, and left.
- Respect
prefers-reduced-motionand keep interaction feedback fast. - Verify motion is smooth, purposeful, non-blocking, and not exhausting.