All skills
CSS-first Motion
FrontendPrefer CSS-first animation over JS-driven animation, and always respect prefers-reduced-motion.
- Roles
- frontend
- Compatible stacks
- next, react, css
Guidance
Prefer CSS-first animation (keyframes/transitions defined in CSS) over JS-driven animation, except inside components that are already client components. Every animation must respect prefers-reduced-motion — provide a reduced-motion variant or a no-op fallback, never ship motion that ignores it.