motion-animation
Installation
SKILL.md
Motion & Animation
Stack fixa: Lenis (smooth scroll) + GSAP + ScrollTrigger. Um motor de movimento — não misture Framer Motion, libs de reveal ou smooth scroll em CSS como motor principal.
Regras
- Entradas/saídas importantes: duração mínima
0.6s(prefira0.8–1.4s). - Eases: família
power3ouexpo. Padrão de entrada:power3.out. - Sequências editoriais:
stagger: 0.2. - Anime prioritariamente
transform,opacity,clip-path. - Respeite
prefers-reduced-motion(desligar ou simplificar motion). - Preserve a stack do projeto; instale só o que faltar.
- Cleanup de timelines, triggers e Lenis no unmount / ciclo de vida correto.