Estes cinco vídeos mostram dois fluxos de animação em código: o kit independente claude-motion de whaleyxbt e HyperFrames da HeyGen. Cada exemplo identifica seu publicador; é uma coleção de estudo, não trabalhos de clientes deste site nem resultados do Anthropic Motion. As notas se baseiam nas descrições e fontes publicadas pelos autores, e os links levam aos filmes originais.
1. Enxame de rastreadores — whaleyxbt
A publicação do autor no X contém um vídeo de 20 segundos. O README das simulações explica a construção: um rastreador vira 256 em sites inventados, com palavras reagindo ao contato. É uma metáfora visual do trabalho paralelo, não uma prova de coleta real. Estude como uma quantidade vira uma história espacial. No seu explicativo, use uma fila sintética: uma tarefa, vários trabalhadores e o sistema inteiro. Vincule qualquer afirmação de escala aos seus dados reais.
2. De um nome de usuário a um dossiê — whaleyxbt
O segundo vídeo de 20 segundos no X usa o mesmo enxame com outra narrativa. O repositório declara que a pessoa e as páginas são fictícias; linhas vermelhas levam detalhes ao dossiê. Essa distinção é essencial. A lição é o fluxo de informação: partes coletadas convergem para um resultado organizado. Em uma aula de privacidade, preserve identidades sintéticas e mostre como divulgações separadas se combinam. Não apresente a animação como investigação validada nem como evidência sobre uma pessoa real.
3. Lançamento do HyperFrames — HeyGen
A galeria oficial da HeyGen publica o filme e suas fontes. O projeto separa abertura, demonstrações de CSS e outras técnicas, explicação do motor e chamada final em composições. As legendas creditam Claude Code pela criação. É um exemplo de trabalho com agente de programação, renderizado especificamente com HyperFrames. Estude a separação entre promessa, demonstração e próximo passo. Cada cena pode provar uma capacidade, em vez de amontoar todos os recursos em um quadro.
4. Editor de linha do tempo — HeyGen
O vídeo Timeline editor da galeria possui projeto-fonte público. A abertura apresenta o problema da temporização; cenas posteriores introduzem a linha do tempo como solução e explicam a economia de tempo. É uma referência para educar sobre produtos: primeiro a dificuldade, depois o controle que a resolve. Ao planejar algo parecido, mostre o estado exato antes e depois de uma edição. Evite depender de “fácil de usar” quando uma operação visível comunica o benefício com mais clareza.
5. De PR a vídeo — HeyGen
O filme transforma a história de um pull request em uma explicação curta. O projeto público inclui cenas da PR, dificuldade de ler alterações, resumo, código, fluxo, discussão, créditos e ação final. Ele mostra uma estrutura editorial para mudanças técnicas. Aproveite a sequência, não as afirmações do projeto: diga o que mudou, mostre um exemplo relevante e dê crédito aos colaboradores. Compare cada afirmação técnica com o diff real para que uma animação persuasiva não vire uma nota de versão incorreta.
Assista aos vídeos originais
Crawler swarmAutor whaleyxbt · claude-motion toolkit · Ver na fonte originalOne username to a dossierAutor whaleyxbt · claude-motion toolkit · Ver na fonte originalHyperFrames launchAutor HeyGen · HyperFrames · Ver na fonte originalTimeline editorAutor HeyGen · HyperFrames · Ver na fonte originalPR to videoAutor HeyGen · HyperFrames · Ver na fonte originalSeu próximo passo
Assista aos filmes originais, examine as fontes e aproveite uma técnica narrativa. Atribuição e evidências tornam os exemplos mais úteis do que uma coletânea sem identificação.
Explore o espaço de criaçãoFontes e leituras adicionais
As referências levam à documentação original e aos criadores. A disponibilidade pode mudar; confira a fonte antes de assinar ou instalar.
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen