GSAP skill

O que ela faz

A skill gsap é a referência de animação do HyperFrames, o framework da HeyGen que transforma HTML em vídeo. Ela ensina o agente a criar a linha do tempo pausada, registrar em window.__timelines com o mesmo id da composição e deixar o HyperFrames avançar quadro a quadro na hora do render.

Traz o básico do GSAP com as regras do vídeo: to, from, fromTo e set, easing, stagger pra animar vários itens em sequência, timelines com posição, rótulos e aninhamento. Repetição sempre com número fixo, nunca infinita, porque o vídeo tem duração fechada. Também mostra o matchMedia pra respeitar quem pede menos movimento na tela.

Na parte de desempenho, manda animar por transform e opacidade em vez de largura e posição, usar autoAlpha, quickTo pra atualização frequente e stagger no lugar de dezenas de animações soltas. Uma referência à parte traz efeitos prontos: texto digitado letra a letra e visualizador de áudio.

Nas palavras de quem fez

Quando usar

• Animar a entrada do título e dos textos num vídeo feito no HyperFrames
• Encaixar várias animações numa sequência com o tempo certo
• Corrigir animação que funciona no navegador mas some ou trava no render
• Fazer efeito de texto sendo digitado ou barras que pulam com o áudio

Depois de instalar, é só pedir assim

• Usa a skill gsap pra animar a entrada do título e do logo na minha composição
• Monta uma timeline em que os três cards entram um depois do outro, com 0,2 segundo de diferença
• Coloca um efeito de texto sendo digitado na frase final do vídeo

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
• SnykAlerta

Perguntas