Review Animations skill

O que ela faz

A skill transforma o Claude num revisor exigente de animação, com o padrão do designer Emil Kowalski. Ela só revisa movimento: transição, menu abrindo, modal, toast, arraste. Código que não é de animação ela recusa e manda pra outra revisão. A postura é apontar problema por padrão; aprovação tem que ser merecida.

Cada animação é medida contra dez critérios, entre eles: tem motivo pra animar, combina com quantas vezes a pessoa vê aquilo, usa curva ease-out em vez de ease-in, fica abaixo de 300 ms, nasce do botão que abriu, pode ser interrompida, mexe só em transform e opacity e respeita quem pede menos movimento.

O resultado vem em duas partes: uma tabela com o código de antes, o de depois e o porquê, citando arquivo e linha; e um veredito por gravidade, fechando com aprovar ou barrar. Os valores exatos de curva, duração e mola saem de um arquivo de padrões que vem junto com a skill.

Nas palavras de quem fez

Quando usar

• Antes de publicar uma página com menu, modal ou toast animado
• Quando o site parece lento ou travado e você desconfia das animações
• Conferir as animações que a IA escreveu antes de aceitar
• Padronizar duração e curva em todos os componentes do produto

Depois de instalar, é só pedir assim

• /review-animations revisa as animações do menu e do modal do componente Header
• /review-animations revisa as transições da minha landing page e diz quais eu devia apagar
• /review-animations passa o pente nas animações do carrinho: duração, curva e se respeitam o modo de menos movimento

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