Skill pronta · em português

Animações de Scroll com GSAP e Framer Motion

Cria e revisa animações de rolagem em React, Next.js ou JavaScript com GSAP ScrollTrigger e Framer Motion, sem sacrificar performance e acessibilidade.

R$ 197,00 uma vez · a academia inteira + 500 skills · garantia de 7 dias

Faz parte deEngenharia e TI157 skills →

Funciona em qualquer assistente

  • ChatGPT
  • Claude
  • Gemini
  • DeepSeek
  • Perplexity

O que você leva

Entra o contexto. Sai pronto.

Pra quando

Desenvolvedores precisam entregar animações de scroll bonitas sem criar bugs de hook, travamentos no mobile, layout shift ou experiências ruins para usuários sensíveis a movimento.

  1. 01

    Código frontend pronto para revisão e integração, acompanhado de checklist de teste, acessibilidade e performance.

  2. 02

    Transforme uma landing page estática em uma experiência de rolagem elegante, performática e acessível.

Exemplo de pedido · prévia

Manda assim. Ela faz o resto.

O pedidocola no seu assistente

Em um componente Next.js com três cards de benefícios, adicione uma animação de fade-in ao entrar na tela usando Framer Motion, com 'use client' e respeito a prefers-reduced-motion.

O SKILL.md completo — entrada, passos, revisão e formato de saída — libera na compra.

Ficha técnica

Pra quem
Desenvolvedor frontend · Tech lead · Agência digital · Founder técnico · Product designer técnico
Fluxos
Criar
Softwares
VS Code · GitHub · GitHub Copilot · Claude Code · Cursor · Vercel · Netlify · Chrome DevTools
Uso
Precisa configurar · Uso padrão
Compatível
ChatGPT · Claude · Gemini · Cursor
ACESSO IMEDIATOacesso por e-mail · pagamento via Stripe