scroll-reveal-libraries

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.