Improve Animations skill

O que ela faz

A skill faz o Claude agir como um designer de movimento sênior, com base na filosofia de animação do Emil Kowalski. Primeiro ele mapeia onde há movimento no projeto: bibliotecas (Framer Motion, GSAP, CSS puro), tokens de easing e duração, e quais elementos a pessoa vê centenas de vezes por dia.

Depois audita oito frentes, como easing e duração, interrupção, desempenho, acessibilidade e coerência, e pode dividir o trabalho entre subagentes. Confere cada achado no código e entrega uma tabela com a gravidade, começando pelo que rende mais com menos esforço, e 2 a 4 lugares que deveriam animar e não animam. Aí espera você escolher o que vira plano.

Cada plano sai num arquivo na pasta plans/, com caminho, trecho do código atual, curva e duração exatas, passos e como conferir no olho. Na auditoria ela não mexe no código: quem aplica é outro agente, que ela mesma pode chamar com execute numa worktree separada, revisando o resultado depois.

Nas palavras de quem fez

Quando usar

• O app funciona, mas menus e modais parecem lentos ou duros
• Revisar todo o movimento da interface antes de um lançamento
• Gerar planos detalhados pra um modelo mais barato aplicar as correções
• Checar se as animações respeitam quem ativou movimento reduzido no sistema

Depois de instalar, é só pedir assim

• Melhora as animações desse app: faz a auditoria e me mostra a tabela do que vale corrigir primeiro
• improve-animations quick: só o que estiver grave nos componentes mais usados
• Escreve um plano pra deixar a abertura do menu lateral mais suave, com os valores exatos

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