Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Motion Graphics skill
Você descreve a animação e recebe um vídeo de poucos segundos, sem narração, pronto pra pôr no seu conteúdo ou por cima de outro vídeo.
- instalações
- 513,7 mil
- estrelas no GitHub
- 72,3 mil
- No skills.sh desde
- junho de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill faz motion graphics curtos com o HyperFrames, da HeyGen: peças que costumam ter menos de 10 segundos e chegam a uns 30, em que o movimento é a mensagem e não há narração. Entra texto animado, número subindo com anel, gráfico de barras ou pizza, vinheta de logo, tarja de nome e mapa com regiões e rotas.
Há também peças que começam por uma busca: a skill acha a página, a notícia, o tweet ou a imagem e anima o que voltou, com rolagem de site, manchete com a fonte, card de tweet ou o formato da imagem virando gráfico. Sem a busca disponível, a peça sai sem esse material.
O trabalho segue sozinho, com no máximo uma pergunta: planejar, buscar material, desenhar a cena, montar com blocos prontos do catálogo e conferir em capturas. Antes de renderizar, abre a prévia e pergunta se pode gerar. Sai em MP4, ou em WebM e MOV com fundo transparente.
Nas palavras de quem fez
Use when creating a short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand…
Quando usar
- Abrir um vídeo com uma frase de impacto animada
- Mostrar um resultado com número subindo ou com gráfico
- Fazer a vinheta do seu logo pro começo ou fim dos vídeos
- Pôr tarja de nome e chamada por cima de uma gravação
- Animar um post, uma notícia ou o seu site pra usar no Reels
Depois de instalar, é só pedir assim
- Faz uma animação de 6 segundos com o número 1.200 alunos subindo e um anel em volta
- Cria a vinheta do meu logo com fundo transparente pra eu pôr no fim dos vídeos
- Anima um mapa com uma linha saindo de São Paulo até Lisboa
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
Como instalar a Motion Graphics no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Motion Graphics, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O que a motion-graphics precisa pra funcionar?
De um Mac com chip Apple ou de Linux x64, com Node e ffmpeg instalados, e de rodar npx hyperframes doctor uma vez. Chave é opcional: a do Gemini ou do Google só entra pra gerar imagem, e sem ela a skill segue sem gerar.
Ela faz vídeo longo ou narrado?
Não. Ela é pra peça curta sem voz. Vídeo mais longo, narrado ou com várias cenas fica com outras skills do HyperFrames, a começar pela /hyperframes.
Roda no Codex e no Antigravity?
O formato é SKILL.md, mas o fluxo usa subagentes pra planejar e montar e depende das outras skills do HyperFrames instaladas. Funciona melhor em agente que abre subagentes.
Levar essa skill
1x motion-graphicsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/heygen-com/hyperframes
Aprenda a usar
- Social media: o que faz, curso e o pacote com IA
Social media cuida das redes sociais de empresas. Veja o que faz, qual curso vale a pena e como sair do post barato para pacotes de R$ 2.500 a R$ 6.000.
Na mesma prateleira
Ver as 1.296 skills do corredor101-skills
ai-
O Claude gera vídeo a partir de texto ou de foto, faz avatar falando com o seu áudio e põe efeito sonoro, tudo por comando no terminal.870,3 mil instalações, grátisvideo- generation ai-
O Claude cria foto de produto, arte pra post e cartaz com texto legível, troca o fundo de uma foto e aumenta a resolução, tudo por comando.869,5 mil instalações, grátisimage- generation Remotion
remotion-
O Claude monta o vídeo em código com Remotion, abre a prévia no navegador pra você acompanhar e só exporta o MP4 quando você pede.Oficial682,9 mil instalações, grátisbest- practices HeyGen
product-
Você cola o link do produto e recebe um vídeo promocional montado com as cores, as fontes e as telas reais do site, aprovado quadro a quadro.538,7 mil instalações, grátislaunch- video Matt Pocock
writing-
Você entrega a pilha de anotações e o Claude propõe 2 ou 3 jeitos de seguir a cada trecho, sem nunca usar uma ideia que o leitor ainda não conhece.Auditada486,4 mil instalações, grátisbeats prime-skills
video-
Você descreve a edição e o Claude escolhe entre Wan 2.7, Kling 2.6 e Lucy Edit, manda pra RunComfy e baixa o vídeo pronto na sua pasta.Auditada439,7 mil instalações, grátisedit image-
Manda a foto ou a locução, diz o que quer ver e o Claude escolhe entre HappyHorse, Wan 2.7 e Seedance 2.0 Pro, gera o clipe e salva na sua pasta.Auditada437,9 mil instalações, grátisto- video nano-
Você descreve a imagem, o Claude gera até 4 rascunhos de uma vez e depois a versão final em 2K ou 4K, com o texto da arte escrito do jeito que você pediu.Auditada437,6 mil instalações, grátisbanana- 2
Mais da loja HeyGen
Ver a loja HeyGenhyperframes
Você pede o vídeo em português, o Claude monta as cenas em HTML, mostra a prévia pra você ajustar e entrega o MP4 renderizado na sua máquina.Auditada1,2 milhão de instalações, grátishyperframes-
Cria, confere, visualiza e renderiza projetos de vídeo HyperFrames pela linha de comandoAuditada1,2 milhão de instalações, grátiscli media-
O Claude acha ou cria a trilha, a locução, as imagens e o tratamento de cor do seu vídeo HyperFrames e guarda tudo na pasta do projeto.1,1 milhão de instalações, grátisuse hyperframes-
Reúne regras de animação, transições de cena e técnicas de motion pra vídeos HyperFramesAuditada1 milhão de instalações, grátisanimation hyperframes-
Instala cerca de 450 blocos prontos de vídeo HyperFrames: transições, títulos, legendas e gráficosAuditada1 milhão de instalações, grátisregistry hyperframes-
Ensina a estrutura de um projeto HyperFrames: composição, atributos de tempo, trilhas e clipesAuditada930,4 mil instalações, grátiscore hyperframes-
Orienta a direção criativa de vídeos HyperFrames: paleta, tipografia, narração e ritmo das cenasAuditada916,5 mil instalações, grátiscreative hyperframes-
Cria zoom, punch-in, Ken Burns e movimentos de câmera em vídeos HyperFramesAuditada754,2 mil instalações, grátiskeyframes hyperframes-
Mixa o áudio de vídeos HyperFrames: fade, volume, crossfade e música que abaixa quando há vozAuditada663,2 mil instalações, grátisaudio general-
Monta composições HyperFrames sob medida, de vídeos longos ou com várias cenasAuditada661,1 mil instalações, grátisvideo faceless-
Transforma um texto, artigo ou tema num vídeo explicativo sem apresentador na telaAuditada521,4 mil instalações, grátisexplainer remotion-
Converte vídeos feitos em Remotion pra HyperFrames e confere quadro a quadro com o originalAuditada508,8 mil instalações, grátisto- hyperframes