Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Javascript Animation skill
Cria animações curtas em JavaScript puro, com cada quadro desenhado em código, sem imagens nem bibliotecas
- instalações
- 549
- estrelas no GitHub
- 34
- No skills.sh desde
- setembro de 2026
- Licença
- MIT
Atualizada no GitHub em 30 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
This skill should be used when the user asks to "draw every frame in JavaScript", "make an animation with no image assets", "animate this in code / on a…
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 HubAlerta
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Javascript Animation 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 Javascript Animation, 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.
Levar essa skill
1x javascript-animationR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/iart-ai/javascript-animation-skills
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 corredorsocial-media-skills
suno
O Claude escreve o briefing, a letra e a estrutura da música no Suno e avisa o que você pode ou não fazer com ela comercialmente.592 instalações, grátisrunway
O Claude escreve cada tomada como um diretor, com câmera, luz e referências, pra você gerar no Runway cenas com o mesmo personagem do início ao fim.Auditada587 instalações, grátisluma
O Claude planeja cada tomada no Luma, testa em rascunho barato e só gasta crédito na versão final da cena que funcionou.Auditada582 instalações, grátiscevatkerim
unsplash
O Claude acha fotos pro seu post, site ou apresentação no Unsplash e entrega o link no tamanho certo com o crédito do fotógrafo pronto pra colar.550 instalações, grátisnousresearch
p5js
O Claude cria arte generativa, fundos animados e visualizações interativas que abrem direto no navegador e saem em imagem, GIF ou vídeo.534 instalações, grátisjuliusbrussee
deslopify
O Claude caça os vícios de texto de IA, reescreve pelo sentido e confere de novo até sair limpo, no tom certo pra e-mail, post, blog ou artigo.Auditada528 instalações, grátiswanshuiyin
mermaid-
Você descreve o processo em palavras e recebe o diagrama em Mermaid já testado, com a imagem PNG pronta e o código pra editar depois.502 instalações, grátisdiagram Firecrawl
whisper
O Claude transcreve podcast, reunião e vídeo com o Whisper rodando na sua máquina, em 99 línguas, e entrega texto, legenda ou tradução pro inglês.OficialAuditada37 instalações, grátis
Mais da loja iart-ai
Ver a loja iart-aiiart-ai
motion-
Faz a direção de arte de vídeos de motion graphics: define a linguagem de movimento e o estilo visual3.300 instalações, grátisart- direction animation-
Corrige animações que parecem duras, flutuantes ou robóticas com princípios de movimento naturalAuditada3.000 instalações, grátisprinciples beat-
Edita vídeo no ritmo da música: corta no beat, ajusta o pacing e faz match cut e J-cutAuditada2.900 instalações, grátissync- editing shot-
Compõe enquadramentos de vídeo: grade, ponto focal e posição dos elementos no quadroAuditada2.900 instalações, grátiscomposition color-
Monta paletas, gradientes e transições de cor animadas para motion designAuditada2.800 instalações, grátismotion logo-
Anima logos para a web: vinhetas de abertura, revelação de marca e splash de appAuditada2.800 instalações, grátisanimation after-
Pergunta sobre After Effects e recebe a expressão pronta pra colar, o formato certo pra exportar ou o passo a passo pra destravar o programa.Auditada2.700 instalações, grátiseffects motion-
Cria fundos animados sutis, como mesh, gradiente e aurora, que ficam atrás do conteúdoAuditada2.700 instalações, grátisbackground remotion-
O Claude monta o vídeo em código, confere quadros soltos antes de renderizar e entrega um MP4 que você gera de novo trocando só os dados.Auditada2.600 instalações, grátisvideo accessible-
Respeita o prefers-reduced-motion e deixa animações acessíveis, sem causar desconforto vestibularAuditada2.600 instalações, grátisanimation 60fps-
Corrige animações CSS travadas e deixa tudo a 60 fps, evitando layout thrashingAuditada2.500 instalações, grátisanimation micro-
Cria microinterações: efeitos de hover e clique, toggles animados e botão de curtir animado2.500 instalações, grátisinteraction