
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Viu um efeito num site e não sabe como chama? Descreve do seu jeito e recebe o termo exato pra pedir certo à IA.
por emilkowalski
Atualizada no GitHub em 11 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
A skill é um glossário ao contrário: você descreve o que vê ou sente, tipo 'aquela coisa que quica quando o menu abre', e o Claude devolve o nome técnico, como Pop in, Stagger ou Rubber-banding, com uma linha explicando. Ela vem do material de animação do designer Emil Kowalski.
São 91 termos em doze grupos: entrada e saída, sequência e tempo, movimento, transição entre estados, rolagem, resposta ao clique e ao toque, curvas de velocidade, molas, loops, acabamento, desempenho e princípios. Quando dois termos competem, ela mostra a diferença pra você escolher.
A resposta é curta de propósito: o nome primeiro, explicação só se você pedir. Se nada bate exatamente, ela diz o mais próximo e avisa que é aproximação, sem inventar termo. Ela só dá nome ao efeito; não desenha nem programa a animação.
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop…
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.
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 Animation Vocabulary, 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.
Não. Ela serve pra dar nome ao efeito, não pra desenhar nem programar. Com o nome em mãos, você pede a animação ao Claude ou usa uma skill de construção.
Não. É um glossário em texto, sem chave de API nem instalação extra. Os nomes e as definições estão em inglês, do jeito que a IA e os designers usam; o Claude explica em português se você pedir.
Sim. É texto puro, então qualquer agente que leia skills usa do mesmo jeito.
1x animation-vocabularyR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/emilkowalski/skills
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.