Vai alla guida all’uso
review-animationsdi Emil Kowalski

Review Animations Skill.

Una skill per Claude Code e Codex per la revisione del design: esamina il codice delle animazioni per timing, interazione e rifinitura secondo uno standard di alta qualità.

  • Design Review & Accessibility
  • Report di revisione
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 intestazioni di sezione lette dal file upstream il 2026-09-14 · 8.040 caratteri in totale

01 Cosa fa

Cosa fa lo skill review-animations in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Uno skill di revisione deliberatamente ristretto: giudica il codice di animazione e movimento rispetto a uno standard qualitativo elevato e nulla più, rifiutando revisioni di codice generiche. I suoi criteri sostanziali derivano dalla filosofia di animazione di Emil Kowalski, e il suo metodo — dieci standard non negoziabili, trigger di escalation aggressivi, una gerarchia correttiva in nove passi e output a livelli — è costruito per arrivare a un unico verdetto.

L'impostazione predefinita è segnalare; l'approvazione va guadagnata. Ogni animazione nel diff deve giustificarsi per scopo e frequenza, usare un'easing responsiva, restare sotto i 300ms, scalare a partire dal proprio trigger, agire su transform e opacity, essere interrompibile, rispettare il reduced motion e usare una temporizzazione asimmetrica. L'output è una tabella di risultati Prima/Dopo/Perché più una decisione di blocco o approvazione, citando file:riga.

Rapporto di revisione
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Misurare in Base a Dieci Standard

    Ogni animazione nel diff viene verificata rispetto a dieci elementi non negoziabili che riguardano giustificazione, frequenza, easing, durata, origine, interrompibilità, proprietà GPU, accessibilità, asimmetria e coerenza.

  2. 02
    Segnalare i Trigger di Escalation Immediatamente

    Un elenco di segnali d'allarme viene contestato con fermezza piuttosto che discusso, tra cui transition: all, entrate con scale(0), ease-in su elementi UI, animazioni su tastiera o azioni con frequenza superiore a 100/giorno, e gestione mancante del reduced motion.

  3. 03
    Preferire il Rimedio più Immediato

    Le correzioni vengono proposte in ordine di gerarchia: dall'eliminazione dell'animazione, alla sua riduzione, alla correzione di easing, origine, interrompibilità, proprietà GPU, temporizzazione, rifinitura e infine accessibilità e coerenza.

  4. 04
    Emettere le Due Parti Richieste

    La revisione torna in un ordine fisso: la Parte 1 è un'unica tabella dei risultati, la Parte 2 è un commento a livelli che si conclude con una decisione esplicita.

  5. 05
    Strutturare il Commento a Livelli e Decidere

    I commenti rimanenti sono raggruppati in sei livelli di impatto, dal più alto al più basso, con i livelli vuoti omessi, e si chiudono con una decisione Block o Approve.

02 Trova la tua applicazione

Quando Usare la Skill review-animations

Usa la skill review-animations in Claude Code o Codex quando il lavoro consiste in una design review di questo tipo. Ambito e limiti di seguito sono tratti dal file della skill stessa.

Buona applicazione

  • Esamina il codice di animazioni e motion rispetto a uno standard di qualità elevato derivato dalla filosofia di design engineering di Emil Kowalski. Per impostazione predefinita, segnala; l'approvazione va guadagnata.

Conosci i limiti

  • Non scrive funzionalità, non corregge bug non correlati, né esamina codice non relativo al motion.

03 Dentro la skill

Cosa Porta la Skill review-animations alla Design Review

4 cose che il SKILL.md istruisce Claude Code o Codex a fare, nell'ordine delle sezioni del file.

  1. Postura Operativa

    Sei un senior design engineer con un occhio spietato per la qualità. Il tuo bias è verso motion che si sente giusto, non motion che semplicemente funziona.

  2. I Dieci Standard Non Negoziabili

    Ogni animazione nella diff viene misurata rispetto a questi. Una violazione costituisce un rilievo.

  3. Gerarchia di Preferenza per i Rimedi

    Quando proponi correzioni, privilegia le soluzioni precedenti rispetto a quelle successive:

  4. Guidelines

    Privilegia CSS transitions/@starting-style/WAAPI per motion predeterminato; JS/spring per motion dinamico, interrompibile e guidato da gesture.; In caso di dubbio su se il motion sia giusto, consiglia di esaminarlo al rallentatore / frame per frame

04 Mettila al lavoro

Installa review-animations in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi review-animations a Claude Code, Codex o al Tuo Agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

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

Forma generica del comando CLI skills per skills/review-animations/SKILL.md; il repository potrebbe documentare un proprio percorso.

Assegna alla skill un primo task di revisione del design

Il SKILL.md non include un prompt di esempio; questo starter è scritto dalla riga riassuntiva del catalogo. Sostituisci la riga del task con il tuo brief reale.

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.

Fonte: prompt iniziale scritto dall'uso in una riga del catalogo (non dal SKILL.md).

Verifica il primo risultato

Prima di accettare l'output, cerca questi elementi nella trascrizione e nei file:

  • Il risultato viene consegnato come report di revisione, come elencato nel catalogo per questo skill.
  • L'agente nomina la skill review-animations nel suo piano o trascrizione prima di produrre il risultato.
  • I tuoi contenuti, nomi e numeri appaiono invariati nell'output.

In OpenDesign review-animations è incluso: Plugins → Skills, selezionalo nella barra superiore.

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Repository
github.com/emilkowalski/skills Branch main
File della skill
skills/review-animations/SKILL.md Checksum del contenuto registrato alla verifica; commit d23d7f8
License
MIT Da LICENSE.
Stelle del repository
37.516 Snapshot GitHub preso il 14-09-2026 per l'intero repository emilkowalski/skills, che contiene 9 skill in questo catalogo. Non è un punteggio o conteggio di utilizzo per review-animations.
Verificato da OpenDesign
14 settembre 2026 Il file sorgente, il percorso, il testo della licenza e il conteggio delle stelle sono stati verificati. Incluso nella build principale di OpenDesign (verificato il 28 agosto 2026); non è stata registrata un'esecuzione live su questa pagina.
Descrizione della skill
«Esamina il codice di animazione e motion rispetto a uno standard di alta qualità derivato dalla filosofia di design engineering di Emil Kowalski. Per impostazione predefinita segnala problemi; l'approvazione va guadagnata.»

Descrizione front-matter da SKILL.md. Il file completo è di circa 8.040 caratteri. Leggi il file completo su GitHub.

Review Animations

Esegui review-animations su un task reale di design review.

La skill review-animations è inclusa in OpenDesign. Scarica l'app, seleziona la skill in Plugins → Skills, incolla il prompt qui sopra e leggi il piano prima del risultato.

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