Aller au guide d’utilisation
review-animationspar Emil Kowalski

Review Animations Skill.

Un skill Claude Code et Codex pour la revue de design : examine le code d'animation (timing, interaction, finition) selon un standard d'exécution élevé.

  • Revue de conception et accessibilité
  • Rapport de revue
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
En-tête et titres de section lus depuis le fichier source le 14/09/2026 · 8 040 caractères au total

01 Ce qu'il fait

Ce que fait le skill review-animations dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Un skill de revue délibérément restreint : il juge le code d'animation et de mouvement selon une exigence de qualité élevée, et rien d'autre, en déclinant toute revue de code générale. Ses standards de fond proviennent de la philosophie d'animation d'Emil Kowalski, et sa méthode — dix standards non négociables, des déclencheurs d'escalade agressifs, une hiérarchie de remédiation en neuf étapes et une sortie hiérarchisée — est conçue pour aboutir à un seul verdict.

Par défaut, on signale ; l'approbation se gagne. Chaque animation du diff doit se justifier par son objectif et sa fréquence, utiliser un easing réactif, rester sous 300ms, s'adapter à l'échelle de son déclencheur, s'exécuter sur transform et opacity, être interruptible, respecter le mouvement réduit et utiliser un timing asymétrique. La sortie est un tableau de constats Avant/Après/Pourquoi ainsi qu'une décision Bloquer ou Approuver, citant fichier:ligne.

Rapport de revue
Voir l'exemple de prompt ↗

Fonctionnement

  1. 01
    Mesurer selon dix standards

    Chaque animation du diff est vérifiée selon dix critères non négociables couvrant la justification, la fréquence, l'easing, la durée, l'origine, l'interruptibilité, les propriétés GPU, l'accessibilité, l'asymétrie et la cohérence.

  2. 02
    Signaler les déclencheurs d'escalade à la détection

    Un ensemble répertorié de signaux d'alerte est relevé fermement plutôt que débattu, notamment transition: all, les entrées scale(0), le ease-in sur l'UI, l'animation sur le clavier ou sur des actions à plus de 100/jour, et l'absence de gestion du mouvement réduit.

  3. 03
    Privilégier le remède le plus précoce

    Les corrections sont proposées dans l'ordre hiérarchique : supprimer l'animation, la réduire, corriger l'easing, l'origine, l'interruptibilité, les propriétés GPU, le timing, le raffinement, puis enfin l'accessibilité et la cohérence.

  4. 04
    Émettre les deux parties requises

    La revue revient dans un ordre fixe : la partie 1 est un tableau unique de constats, la partie 2 est un commentaire hiérarchisé qui se termine par une décision explicite.

  5. 05
    Hiérarchiser le commentaire et décider

    Les commentaires restants sont regroupés en six niveaux d'impact, du plus élevé au plus faible, les niveaux vides étant omis, et se concluent par une décision : Bloquer ou Approuver.

02 Trouvez celui qui vous convient

Quand utiliser le Skill review-animations

Utilisez le skill review-animations dans Claude Code ou Codex lorsque la tâche consiste en une revue de design de ce type. Le périmètre et les limites ci-dessous proviennent du fichier propre au skill.

Bon choix

  • Examine le code d'animation et de mouvement selon un standard d'excellence élevé dérivé de la philosophie de design engineering d'Emil Kowalski. Par défaut, signaler ; l'approbation se mérite.

Connaître les limites

  • Il n'écrit pas de fonctionnalités, ne corrige pas les bugs non liés, ni ne révise le code hors mouvement.

03 Dans le skill

Ce que le Skill review-animations apporte à la revue de design

4 choses que le SKILL.md demande à Claude Code ou Codex de faire, dans l'ordre des sections du fichier.

  1. Posture opérationnelle

    Vous êtes un design engineer senior avec un œil implacable pour l'excellence. Votre parti pris va vers le mouvement qui semble juste, non vers le mouvement qui fonctionne simplement.

  2. Les dix standards non négociables

    Chaque animation du diff est évaluée selon ces critères. Une violation constitue un constat.

  3. Hiérarchie de préférence pour les correctifs

    Lors de la proposition de correctifs, privilégier les actions suivantes dans l'ordre :

  4. Guidelines

    Privilégier les transitions CSS/@starting-style/WAAPI pour le mouvement prédéterminé ; JS/springs pour le mouvement dynamique, interruptible, piloté par les gestes. ; En cas de doute sur la justesse du mouvement, recommander de le revoir au ralenti / image par image

04 Mettez-le en pratique

Installer review-animations dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter review-animations à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

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

Forme CLI générique skills pour skills/review-animations/SKILL.md ; le dépôt peut documenter son propre chemin.

Donner au skill une première tâche de révision de conception

Le SKILL.md ne contient pas d'exemple de prompt ; ce démarrage est rédigé à partir du résumé en une ligne du catalogue. Remplacez la ligne de tâche par votre vrai brief.

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.

Source : prompt de démarrage rédigé à partir de l'utilisation en une ligne du catalogue (pas à partir du SKILL.md).

Vérifiez le premier résultat

Avant d'accepter le résultat, recherchez ceci dans la transcription et les fichiers :

  • Le résultat est livré sous forme de rapport de revue, tel que listé dans le catalogue pour ce skill.
  • L'agent nomme le skill review-animations dans son plan ou sa transcription avant de produire le résultat.
  • Votre propre contenu, vos noms et vos chiffres apparaissent inchangés dans la sortie.

Dans OpenDesign review-animations est intégré : Plugins → Skills, sélectionnez-le dans la barre supérieure.

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Repository
github.com/emilkowalski/skills Branche main
Fichier du skill
skills/review-animations/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit d23d7f8
License
MIT Depuis LICENSE.
Étoiles du dépôt
37 516 Instantané GitHub pris le 14/09/2026 pour l'ensemble du dépôt emilkowalski/skills, qui contient 9 skills dans ce catalogue. Ne constitue pas une note ou un compteur d'utilisation pour review-animations.
Vérifié par OpenDesign
14/09/2026 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Inclus dans OpenDesign main (vérifié le 28/08/2026) ; aucune exécution en direct n'a été enregistrée sur cette page.
Description du skill lui-même
« Évalue le code d'animation et de mouvement selon une exigence de qualité élevée dérivée de la philosophie de design engineering d'Emil Kowalski. Signaler par défaut ; l'approbation se mérite. »

Description en en-tête tirée de SKILL.md. Le fichier complet fait environ 8 040 caractères. Lire le fichier complet sur GitHub.

Review Animations

Exécuter review-animations sur une tâche de design review réelle.

Le skill review-animations est inclus dans OpenDesign. Téléchargez l'application, sélectionnez le skill dans Plugins → Skills, collez le prompt ci-dessus et lisez le plan avant le résultat.

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