GSAP Scrolltrigger skill

O que ela faz

É a skill oficial do GSAP pro ScrollTrigger, o plugin que liga animação à rolagem. Ensina o Claude a disparar uma animação quando um bloco entra na tela, prender uma seção enquanto a pessoa rola (pin), fazer a animação andar junto com a barra de rolagem (scrub) e parar em pontos certos (snap).

Traz a receita da rolagem lateral: a seção fica presa e o conteúdo corre pro lado enquanto a pessoa rola pra baixo. Mostra também como animar de uma vez vários cards que entram juntos na tela (batch) e como ligar o ScrollTrigger a outra biblioteca de rolagem suave.

Lista os erros comuns: esquecer de registrar o plugin, misturar scrub com toggleActions, pôr o gatilho numa animação de dentro da timeline, deixar os marcadores de teste no ar e não recalcular as posições depois que imagens e fontes carregam. Em React, usa o useGSAP pra limpar as animações quando o componente sai da página.

Nas palavras de quem fez

Quando usar

• Fazer uma landing page com seções que aparecem conforme a rolagem
• Prender o produto na tela enquanto os benefícios passam ao lado
• Criar uma galeria que corre pro lado com a rolagem
• Corrigir animação de rolagem que dispara no lugar errado

Depois de instalar, é só pedir assim

• Faz a seção de benefícios ficar presa na tela enquanto cada item aparece com a rolagem
• Cria uma faixa de depoimentos que corre pro lado quando a pessoa rola pra baixo
• Os cards estão aparecendo fora de hora, ajeita os gatilhos do ScrollTrigger

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas