reduce-motion

Installation
SKILL.md

/reduce-motion — Reduced Motion Support

For every animation and transition in the code:

  1. Wrap in @media (prefers-reduced-motion: no-preference) { }
  2. Add @media (prefers-reduced-motion: reduce) with:
    • animation-duration: 0.01ms
    • transition-duration: 0.01ms
    • Preserve final states (don't hide content that animates in)
  3. Test that the page is fully usable without any motion
Installs
3
Repository
dragoon0x/optik
First Seen
May 9, 2026
reduce-motion — dragoon0x/optik