Ir para o guia de uso
review-animationspor Emil Kowalski

Review Animations Skill.

Uma skill de Claude Code e Codex para revisão de design: revisa código de animação quanto a timing, interação e acabamento de acordo com um padrão elevado de qualidade.

  • Design Review & Accessibility
  • Relatório de revisão
emilkowalski/skills · skills/review-animations/SKILL.mdSKILL.md
--- name: review-animations description: Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. --- ## Operating Posture ## The Ten Non-Negotiable Standards ## Aggressive Escalation Triggers ## Remedial Preference Hierarchy ## Required Output Format ## Guidelines
Front matter e títulos de seção lidos do arquivo original em 2026-09-14 · 8.040 caracteres no total

01 O que faz

O Que a Skill review-animations Faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Uma skill de revisão deliberadamente restrita: ela julga código de animação e movimento em relação a um padrão de excelência elevado e nada além disso, recusando-se a fazer revisão de código geral. Seus critérios substantivos vêm da filosofia de animação de Emil Kowalski, e seu método — dez padrões inegociáveis, gatilhos de escalonamento agressivos, uma hierarquia corretiva de nove etapas e saída em camadas — foi construído para terminar em um único veredito.

O padrão é sinalizar; a aprovação é conquistada. Toda animação no diff deve justificar sua existência por propósito e frequência, usar easing responsivo, durar menos de 300ms, escalar a partir de seu gatilho, ser executada em transform e opacity, ser interrompível, respeitar reduced motion e usar timing assimétrico. A saída é uma tabela de constatações Antes/Depois/Por quê, além de uma decisão de Bloquear ou Aprovar, citando arquivo:linha.

Relatório de revisão
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Meça em Relação a Dez Padrões

    Toda animação no diff é verificada em relação a dez itens inegociáveis, abrangendo justificativa, frequência, easing, duração, origem, interruptibilidade, propriedades GPU, acessibilidade, assimetria e coesão.

  2. 02
    Sinalize Gatilhos de Escalonamento à Vista

    Um conjunto listado de sinais de alerta é apontado com firmeza em vez de debatido, incluindo transition: all, entradas com scale(0), ease-in em UI, animação em teclado ou em ações com 100+/dia, e falta de tratamento de reduced-motion.

  3. 03
    Prefira a Correção Mais Imediata

    As correções são propostas em ordem hierárquica, desde excluir a animação, passando por reduzi-la, corrigir easing, origem, interruptibilidade, propriedades GPU, timing, refinamento e, por fim, acessibilidade e coesão.

  4. 04
    Emita as Duas Partes Obrigatórias

    A revisão retorna em uma ordem fixa: a Parte 1 é uma única tabela de constatações, a Parte 2 é um comentário em camadas que termina em uma decisão explícita.

  5. 05
    Organize Comentários em Camadas e Decida

    Os comentários restantes são agrupados em seis níveis de impacto, do mais alto para o mais baixo, com os níveis vazios omitidos, e encerram com uma decisão de Bloquear ou Aprovar.

02 Encontre o ideal para você

Quando Usar a Skill review-animations

Use a skill review-animations no Claude Code ou Codex quando o trabalho for revisão de design deste tipo. Adequação e limites abaixo são extraídos do próprio arquivo da skill.

Boa Combinação

  • Revisa código de animação e motion contra um padrão elevado de qualidade derivado da filosofia de design engineering de Emil Kowalski. O padrão é sinalizar problemas; aprovação é conquistada.

Conheça os Limites

  • Não escreve funcionalidades, não corrige bugs não relacionados, nem revisa código que não seja de motion.

03 Dentro da skill

O Que a Skill review-animations Traz para a Revisão de Design

4 coisas que o SKILL.md instrui Claude Code ou Codex a fazer, na ordem de seção do próprio arquivo.

  1. Postura Operacional

    Você é um design engineer sênior com um olhar brutal para qualidade. Seu viés é em favor de motion que soa correto, não motion que apenas funciona.

  2. Os Dez Padrões Inegociáveis

    Cada animação no diff é medida contra estes. Uma violação é um apontamento.

  3. Hierarquia de Preferências de Correção

    Ao propor correções, prefira as primeiras opções em vez das últimas:

  4. Guidelines

    Prefira transições CSS/@starting-style/WAAPI para motion predeterminado; JS/springs para motion dinâmico, interrompível, orientado a gestos.; Quando não tiver certeza se o motion soa correto, recomende revisá-lo em câmera lenta / quadro a quadro

04 Coloque em prática

Instale review-animations no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicione review-animations ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal
npx skills add https://github.com/emilkowalski/skills --skill review-animations

Forma genérica de CLI skills para skills/review-animations/SKILL.md; o repositório pode documentar seu próprio caminho.

Dar à Skill uma Primeira Tarefa de Revisão de Design

O SKILL.md não inclui um prompt de exemplo; este inicial foi escrito a partir da descrição resumida do catálogo. Substitua a linha da tarefa pelo seu briefing real.

Starter prompt
Use the review-animations skill on the material I attach. What the skill should do here: Reviews animation code for timing, interaction, and finish against a high craft bar. Rules: do not invent copy, data or brand assets. State your plan first, then produce the result and tell me what to check.

Origem: prompt inicial escrito a partir do uso resumido do catálogo (não do SKILL.md).

Verifique o Primeiro Resultado

Antes de aceitar o resultado, procure por estes itens na transcrição e nos arquivos:

  • O resultado é entregue como relatório de revisão, conforme listado no catálogo para este skill.
  • O agente menciona a skill review-animations no plano ou transcrição antes de produzir o resultado.
  • Seu próprio conteúdo, nomes e números aparecem inalterados na saída.

No OpenDesign, review-animations vem incluída: Plugins → Skills, selecione-a na barra superior.

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Repository
github.com/emilkowalski/skills Branch main
Arquivo da skill
skills/review-animations/SKILL.md Checksum de conteúdo registrado na verificação; commit d23d7f8
License
MIT De LICENSE.
Estrelas do repositório
37.516 Snapshot do GitHub tirado em 14/09/2026 para todo o repositório emilkowalski/skills, que contém 9 skills neste catálogo. Não é uma avaliação ou contagem de uso para review-animations.
Verificado pelo OpenDesign
2026-09-14 Arquivo fonte, caminho, texto de licença e contagem de estrelas foram verificados. Incluído no OpenDesign main (verificado em 2026-08-28); uma execução real não foi registrada nesta página.
A Descrição da Própria Skill
"Revisa código de animação e motion contra um padrão de alta qualidade derivado da filosofia de design engineering de Emil Kowalski. O padrão é sinalizar; aprovação é conquistada."

Descrição do front-matter do SKILL.md. O arquivo completo tem cerca de 8.040 caracteres. Leia o arquivo completo no GitHub.

Review Animations

Execute review-animations em uma tarefa real de revisão de design.

A skill review-animations vem dentro do OpenDesign. Baixe o app, escolha a skill em Plugins → Skills, cole o prompt acima e leia o plano antes do resultado.

Terminal
npx skills add https://github.com/emilkowalski/skills --skill review-animations