·scroll-animations
*

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.

78Instalaciones·4Tendencia·@dylantarre

Instalación

$npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations

Cómo instalar scroll-animations

Instala rápidamente el skill de IA scroll-animations en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations
  3. Verificar instalación: 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

Fuente: dylantarre/animation-principles.

SKILL.md

Ver original

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.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-03
Actualizado
2026-03-10

Browse more skills from dylantarre/animation-principles

Respuestas rápidas

¿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.

¿Cómo instalo scroll-animations?

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

¿Dónde está el repositorio de origen?

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