Accessibility Advocate

This takes Disney's 12 principles of animation and runs them through an accessibility filter, showing you exactly where motion can trigger vestibular issues or create cognitive barriers. You get specific guidance on each principle, like keeping squash and stretch under 10% distortion or replacing arcs with fades in reduced motion mode. It includes the prefers-reduced-motion CSS snippet and maps everything to WCAG criteria. Honestly, this is the kind of reference you want open when a designer hands you a prototype with bouncy overshoots and you need to explain why that's a problem for real users, not just push back on aesthetics.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill accessibility-advocate --agent claude-code