Lottie skill

O que ela faz

Ensina o Claude a embutir animações Lottie num vídeo do HyperFrames, tanto o JSON do lottie-web quanto o arquivo .lottie do player dotLottie. Como a linha do tempo já vem dentro do arquivo, o HyperFrames só precisa de um player que ele consiga levar até o quadro exato.

O Claude carrega o arquivo da pasta do projeto (em geral assets/), desliga o autoplay, evita loop se você não pediu, fixa o tamanho da animação no CSS e registra cada player em window.__hfLottie. Dá pra ter várias animações na mesma cena, como fundo, ícone e confete, todas no mesmo tempo.

Também passa o uso de Lottie de projetos em Remotion pra HTML do HyperFrames e, depois de editar, roda npx hyperframes lint e npx hyperframes validate.

Nas palavras de quem fez

Quando usar

• Abrir um vídeo com o logo animado que veio do After Effects
• Colocar ícones animados e detalhes num vídeo de produto
• Levar uma animação Lottie de um projeto Remotion pro HyperFrames
• Corrigir Lottie que começa a tocar sozinho, fora do tempo da cena

Depois de instalar, é só pedir assim

• Coloca o logo-reveal.json da pasta assets na abertura da composição
• Põe esse arquivo .lottie no canto da cena e sincroniza com o vídeo
• Junta o fundo animado, o ícone e o confete em Lottie na mesma cena

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