Motion Sickness

If you've ever had users complain about dizziness from your animations or wondered why your slick parallax effect makes people nauseous, this breaks down exactly which animation patterns trigger vestibular problems. It maps Disney animation principles (exaggeration, arcs, follow-through) to their accessibility issues and gives you concrete fixes: no zoom transitions over 5%, kill the parallax, keep movement under 100px, and respect prefers-reduced-motion religiously. The troubleshooting checklist is solid, and the safe alternatives table is basically a cheat sheet for turning triggering effects into accessible ones. Honestly refreshing to see motion design treated as the accessibility issue it actually is.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill motion-sickness --agent claude-code