Designs accessible motion and animations for users with vestibular disorders, motion sensitivity, or seizure conditions. Covers safe animation principles, prefers-reduced-motion, and avoiding dangerous patterns like flashing or parallax.
How this skill is triggered — by the user, by Claude, or both
Slash command
/inclusive-interaction:motion-sensitivityThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Design motion that serves function without causing harm. For people with
Design motion that serves function without causing harm. For people with vestibular disorders, the wrong animation isn't just annoying — it can trigger vertigo, nausea, migraines, or seizures that last hours or days.
This is the minimum. Non-negotiable.
When prefers-reduced-motion is set:
Not all motion is equal. Allocate motion deliberately:
npx claudepluginhub owl-listener/inclusive-design-skills --plugin inclusive-interactionRespects prefers-reduced-motion in CSS/animations and prevents content that flashes more than 3 times per second to avoid triggering vestibular episodes or seizures.
Implements animations that respect user motion preferences, avoid seizure triggers, and provide pause controls. Covers CSS media queries, JavaScript checks, and React hooks.
Guides purposeful UI motion choreography for animation sequences, page transitions, micro-interactions, and loading states, ensuring performance and reduced-motion accessibility.