Pular pro conteúdo

Find Animation Opportunities skill

Você recebe uma lista curta de onde a animação ajuda de verdade, com curva e duração exatas, e outra de onde ela só atrapalharia.

por emilkowalski

instalações
208,5 mil
estrelas no GitHub
49,7 mil
No skills.sh desde
julho de 2026
Licença
MIT

Atualizada no GitHub em 11 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 o Claude varrer a interface atrás de momentos que pedem movimento: botão sem resposta ao clique, conteúdo que surge do nada, menu que não sai do botão que o abriu, lista que aparece de uma vez, arrasto sem física. A base é o texto You Don't Need Animations, do Emil Kowalski.

Todo candidato passa por quatro perguntas: quantas vezes por dia a pessoa vê isso, qual o propósito, se cabe no tempo de interface (em geral, menos de 300 ms) e se o movimento ajuda ou atrapalha a leitura. Atalho de teclado e paleta de comandos são recusados sempre. Encantamento só entra em momento raro, como primeiro acesso ou sucesso.

O relatório traz no máximo 5 a 7 sugestões, cada uma com arquivo e linha, propósito, frequência e a animação com curva, duração e propriedades exatas. Depois vêm de 2 a 5 lugares recusados, com o motivo, e um veredito curto. Ela não escreve o código.

Nas palavras de quem fez

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…

emilkowalski, no SKILL.md

Quando usar

  • O site está certinho, mas parece parado e sem vida
  • Decidir onde vale pôr animação numa landing page ou app antes de mandar fazer
  • Achar botões sem resposta ao clique e conteúdos que aparecem do nada
  • Segurar a vontade de animar tudo e ficar só com o que ajuda

Depois de instalar, é só pedir assim

  • O que dá pra animar nesse app? Me traz só o que passar no filtro, com os valores
  • Deixa essa página mais viva, mas me mostra também o que você recusou e por quê
  • Procura oportunidades de animação na tela de onboarding e no aviso de compra concluída

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
  • SnykPassou

Perguntas

Como instalar a Find Animation Opportunities 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 Find Animation Opportunities, 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.

Ela já coloca as animações no site?

Não. Ela só lê o código e entrega as receitas. Pra aplicar, você passa a sugestão pra qualquer agente ou usa a improve-animations, do mesmo autor, com o comando plan, que transforma a sugestão num plano de implementação.

O que precisa pra funcionar?

O código do site ou app aberto no agente. Não pede chave de API, conta paga nem programa extra. As sugestões mexem só em transform e opacity, com versão mais suave pra quem ativou movimento reduzido.

Roda no Codex e no Antigravity?

Sim. É uma skill de leitura de código e texto, que qualquer agente que leia skills consegue seguir.

Levar essa skill

1x find-animation-opportunitiesR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/emilkowalski/skills

Aprenda a usar

Mais da loja emilkowalski

Ver a loja emilkowalski