·scroll-reveal-libraries
$

scroll-reveal-libraries

Animaciones de revelación simples activadas por desplazamiento usando AOS (Animate On Scroll). Utilice esta habilidad al crear páginas de marketing, páginas de destino o sitios con mucho contenido que requieran efectos básicos de desvanecimiento/deslizamiento sin una orquestación de animación compleja. Activa tareas que involucran animaciones de desplazamiento, revelaciones activadas por desplazamiento, AOS, animaciones simples o efectos de desplazamiento básicos. Alternativa a GSAP ScrollTrigger y Locomotive Scroll para casos de uso más simples. Compare con motion-framer para animaciones específicas de React.

13Instalaciones·1Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries

Cómo instalar scroll-reveal-libraries

Instala rápidamente el skill de IA scroll-reveal-libraries 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/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
  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: freshtechbro/claudedesignskills.

SKILL.md

Ver original

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Problem: AOS doesn't detect elements on first render or route changes.

Solution: Initialize in useEffect and refresh on route/content changes:

Animaciones de revelación simples activadas por desplazamiento usando AOS (Animate On Scroll). Utilice esta habilidad al crear páginas de marketing, páginas de destino o sitios con mucho contenido que requieran efectos básicos de desvanecimiento/deslizamiento sin una orquestación de animación compleja. Activa tareas que involucran animaciones de desplazamiento, revelaciones activadas por desplazamiento, AOS, animaciones simples o efectos de desplazamiento básicos. Alternativa a GSAP ScrollTrigger y Locomotive Scroll para casos de uso más simples. Compare con motion-framer para animaciones específicas de React. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
Categoría
$Marketing
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es scroll-reveal-libraries?

Animaciones de revelación simples activadas por desplazamiento usando AOS (Animate On Scroll). Utilice esta habilidad al crear páginas de marketing, páginas de destino o sitios con mucho contenido que requieran efectos básicos de desvanecimiento/deslizamiento sin una orquestación de animación compleja. Activa tareas que involucran animaciones de desplazamiento, revelaciones activadas por desplazamiento, AOS, animaciones simples o efectos de desplazamiento básicos. Alternativa a GSAP ScrollTrigger y Locomotive Scroll para casos de uso más simples. Compare con motion-framer para animaciones específicas de React. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo scroll-reveal-libraries?

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/freshtechbro/claudedesignskills --skill scroll-reveal-libraries 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/freshtechbro/claudedesignskills