Da utilizzare quando si progettano animazioni inclusive, si affrontano disturbi vestibolari e sensibilità al movimento o si garantisce la conformità all'accessibilità dell'animazione.
Installa rapidamente la skill AI accessibility-advocate nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
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.
Da utilizzare quando si progettano animazioni inclusive, si affrontano disturbi vestibolari e sensibilità al movimento o si garantisce la conformità all'accessibilità dell'animazione. Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocateDa utilizzare quando si progettano animazioni inclusive, si affrontano disturbi vestibolari e sensibilità al movimento o si garantisce la conformità all'accessibilità dell'animazione. Fonte: dylantarre/animation-principles.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/dylantarre/animation-principles --skill accessibility-advocate Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/dylantarre/animation-principles