¿Qué es scroll-animations?
Úselo al activar animaciones en el desplazamiento: efectos de revelación, paralaje, encabezados fijos, indicadores de progreso o cualquier movimiento vinculado al desplazamiento. Fuente: dylantarre/animation-principles.
Úselo al activar animaciones en el desplazamiento: efectos de revelación, paralaje, encabezados fijos, indicadores de progreso o cualquier movimiento vinculado al desplazamiento.
Instala rápidamente el skill de IA scroll-animations en tu entorno de desarrollo mediante línea de comandos
Fuente: dylantarre/animation-principles.
Squash & Stretch: Elements can compress slightly while scrolling fast, settle when stopped.
Anticipation: Content should be slightly visible before full reveal. Start animations at 10-20% visibility.
Staging: Reveal content in reading order. Top-to-bottom, left-to-right progression.
Úselo al activar animaciones en el desplazamiento: efectos de revelación, paralaje, encabezados fijos, indicadores de progreso o cualquier movimiento vinculado al desplazamiento. Fuente: dylantarre/animation-principles.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animationsÚselo al activar animaciones en el desplazamiento: efectos de revelación, paralaje, encabezados fijos, indicadores de progreso o cualquier movimiento vinculado al desplazamiento. 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 scroll-animations 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