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 (prefira 0.8–1.4s).
  • Eases: família power3 ou expo. 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.

Setup mental

Installs
5
First Seen
Oct 22, 2026