Accessibility Issues

This one's for catching animation patterns that break accessibility, specifically targeting Disney-style animation principles that can trigger vestibular disorders or confuse assistive tech. It walks you through how squash and stretch, exaggeration, and arcs can cause real problems for users with motion sensitivity, then gives you the fixes. The troubleshooting checklist is solid, covering prefers-reduced-motion, screen reader announcements, and seizure-safe flash rates. What I appreciate is it doesn't tell you to kill all animation, just how to make it respectful. Includes the standard CSS reset pattern for reduced motion and a quick JS check. If you're implementing any UI animation beyond basic fades, run through this before shipping.

Install to Claude Code

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