Úselo al crear animaciones estándar entre 300 y 500 ms: transiciones de página, cambios significativos en la interfaz de usuario, ilustraciones animadas que necesitan una comunicación clara.
Instala rápidamente el skill de IA medium-300-500ms en tu entorno de desarrollo mediante línea de comandos
Fuente: dylantarre/animation-principles.
The 300-500ms range is standard animation territory. Long enough to be watched, short enough to not impede flow. The workhorse duration for meaningful motion.
Squash & Stretch: Full expression - visible deformation for bouncing, elastic elements. 15-25% stretch feels natural.
Anticipation: Clear preparation - 80-120ms anticipation before main action. Pull back before push forward.
Úselo al crear animaciones estándar entre 300 y 500 ms: transiciones de página, cambios significativos en la interfaz de usuario, ilustraciones animadas que necesitan una comunicación clara. Fuente: dylantarre/animation-principles.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500msÚselo al crear animaciones estándar entre 300 y 500 ms: transiciones de página, cambios significativos en la interfaz de usuario, ilustraciones animadas que necesitan una comunicación clara. 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 medium-300-500ms 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