Úselo al animar cualquier elemento de la interfaz de usuario que no esté cubierto por habilidades específicas o al aplicar principios generales de animación en múltiples tipos de elementos.
Instala rápidamente el skill de IA universal-elements en tu entorno de desarrollo mediante línea de comandos
Fuente: dylantarre/animation-principles.
Apply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
Úselo al animar cualquier elemento de la interfaz de usuario que no esté cubierto por habilidades específicas o al aplicar principios generales de animación en múltiples tipos de elementos. Fuente: dylantarre/animation-principles.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elementsÚselo al animar cualquier elemento de la interfaz de usuario que no esté cubierto por habilidades específicas o al aplicar principios generales de animación en múltiples tipos de elementos. Fuente: dylantarre/animation-principles.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/dylantarre/animation-principles