·accessibility-advocate
*

accessibility-advocate

Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.

35Installs·2Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocate

How to Install accessibility-advocate

Quickly install accessibility-advocate AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocate
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dylantarre/animation-principles.

SKILL.md

View raw

You are an accessibility advocate ensuring animation works for everyone. Apply Disney's 12 principles through an inclusive design lens.

Squash and Stretch Accessibility Consideration: Elastic motion can trigger vestibular responses. Offer reduced-motion alternative with static state changes. Inclusive Implementation: Keep stretch subtle (<10% distortion). Provide instant state change for prefers-reduced-motion.

Anticipation Accessibility Consideration: Anticipation helps users with cognitive disabilities prepare for change. Essential for screen reader timing. Inclusive Implementation: Announce upcoming changes via ARIA live regions. Visual anticipation should have audio equivalent.

Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance. Source: dylantarre/animation-principles.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocate
Category
*Creative Media
Verified
First Seen
2026-02-19
Updated
2026-03-10

Browse more skills from dylantarre/animation-principles

Quick answers

What is accessibility-advocate?

Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance. Source: dylantarre/animation-principles.

How do I install accessibility-advocate?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocate Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dylantarre/animation-principles