Ir a la guía de uso
review-animationspor Emil Kowalski

Review Animations Skill.

Una skill de Claude Code y Codex para revisión de diseño: revisa código de animación evaluando timing, interacción y acabado contra un estándar de alta calidad.

  • Revisión de Diseño y Accesibilidad
  • Informe de revisión
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 y encabezados de sección leídos del archivo original el 14/09/2026 · 8.040 caracteres en total

01 Qué hace

Qué Hace el Skill review-animations en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Un skill de revisión deliberadamente acotado: juzga el código de animación y movimiento según un estándar de calidad alto y nada más, declinando la revisión de código general. Sus criterios sustantivos provienen de la filosofía de animación de Emil Kowalski, y su método —diez estándares innegociables, disparadores de escalamiento agresivos, una jerarquía correctiva de nueve pasos y una salida escalonada— está diseñado para terminar en un único veredicto.

El comportamiento por defecto es señalar; la aprobación se gana. Cada animación en el diff debe justificarse por propósito y frecuencia, usar easing responsivo, mantenerse por debajo de 300ms, escalar desde su disparador, ejecutarse sobre transform y opacity, ser interrumpible, respetar reduced motion y usar temporización asimétrica. La salida es una tabla de hallazgos Before/After/Why más una decisión de Bloquear o Aprobar, citando file:line.

Informe de revisión
Ver el ejemplo de prompt ↗

Cómo funciona

  1. 01
    Medir Contra Diez Estándares

    Cada animación en el diff se verifica contra diez elementos innegociables que abarcan justificación, frecuencia, easing, duración, origen, capacidad de interrupción, propiedades GPU, accesibilidad, asimetría y cohesión.

  2. 02
    Señalar Disparadores de Escalamiento a Simple Vista

    Un conjunto listado de señales de alerta se destaca con firmeza en lugar de debatirse, incluyendo transition: all, entradas con scale(0), ease-in en la UI, animación en el teclado o en acciones de 100+/día, y falta de manejo de reduced motion.

  3. 03
    Preferir el Remedio Más Temprano

    Las correcciones se proponen en orden jerárquico, desde eliminar la animación, hasta reducirla, corregir el easing, el origen, la capacidad de interrupción, las propiedades GPU, la temporización, el acabado y finalmente la accesibilidad y la cohesión.

  4. 04
    Emitir las Dos Partes Requeridas

    La revisión se devuelve en un orden fijo: la Parte 1 es una única tabla de hallazgos, la Parte 2 es un comentario escalonado que termina en una decisión explícita.

  5. 05
    Escalonar el Comentario y Decidir

    El resto de los comentarios se agrupa en seis niveles de impacto, del más alto al más bajo, omitiendo los niveles vacíos, y cierra con una decisión de Bloquear o Aprobar.

02 Encuentra tu caso de uso

Cuándo usar la skill review-animations

Usa el skill review-animations en Claude Code o Codex cuando el trabajo sea revisión de diseño de este tipo. El alcance y límites a continuación provienen del archivo propio del skill.

Buen caso de uso

  • Revisa código de animación y motion contra un estándar alto de oficio derivado de la filosofía de ingeniería de diseño de Emil Kowalski. Por defecto señala problemas; la aprobación se gana.

Conozca los límites

  • No escribe funcionalidades, no corrige bugs no relacionados ni revisa código que no sea de movimiento.

03 Dentro del skill

Lo que la skill review-animations aporta a la revisión de diseño

4 cosas que el SKILL.md instruye a Claude Code o Codex a hacer, en el orden de secciones del propio archivo.

  1. Postura Operativa

    Eres un ingeniero de diseño senior con un ojo brutal para el oficio. Tu sesgo es hacia el motion que se siente correcto, no hacia el motion que simplemente funciona.

  2. Los diez estándares innegociables

    Cada animación en el diff se mide contra estos. Una violación es un hallazgo.

  3. Jerarquía de preferencias para remediar

    Al proponer correcciones, preferir las opciones tempranas sobre las tardías:

  4. Guidelines

    Preferir transiciones CSS/@starting-style/WAAPI para movimiento predeterminado; JS/springs para movimiento dinámico, interrumpible, impulsado por gestos.; Cuando no estés seguro de si el movimiento se siente correcto, recomienda revisarlo en cámara lenta / fotograma a fotograma

04 Ponlo a trabajar

Instalar review-animations en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Añadir review-animations a Claude Code, Codex o tu agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

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

Forma genérica de la CLI skills para skills/review-animations/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al skill una primera tarea de revisión de diseño

El SKILL.md no incluye un prompt de ejemplo; este iniciador está escrito desde la línea descriptiva del catálogo. Reemplaza la línea de tarea con tu 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.

Fuente: prompt de inicio escrito desde el uso de una línea del catálogo (no desde el SKILL.md).

Revisa el primer resultado

Antes de aceptar el resultado, busca esto en la transcripción y los archivos:

  • El resultado se entrega como informe de revisión, tal como el catálogo indica para este skill.
  • El agente nombra la skill review-animations en su plan o transcripción antes de producir el resultado.
  • Su propio contenido, nombres y números aparecen sin cambios en la salida.

En OpenDesign review-animations viene incluido: Plugins → Skills, selecciónelo en la barra superior.

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Repository
github.com/emilkowalski/skills Branch main
Archivo de skill
skills/review-animations/SKILL.md Suma de comprobación de contenido registrada en la verificación; commit d23d7f8
License
MIT De LICENSE.
Estrellas del repositorio
37.516 Captura de GitHub tomada el 14-09-2026 para todo el repositorio emilkowalski/skills, que contiene 9 skills en este catálogo. No es una calificación ni un recuento de uso de review-animations.
Verificado por OpenDesign
14-09-2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. Incluido en OpenDesign main (verificado el 28-08-2026); no se ha registrado una ejecución real en esta página.
La descripción propia del Skill
"Revisa código de animación y motion contra un estándar alto de oficio derivado de la filosofía de ingeniería de diseño de Emil Kowalski. Por defecto señala problemas; la aprobación se gana."

Descripción del encabezado desde SKILL.md. El archivo completo tiene aproximadamente 8.040 caracteres. Lea el archivo completo en GitHub.

Review Animations

Ejecute review-animations en una tarea real de revisión de diseño.

La skill review-animations viene incluida en OpenDesign. Descargue la aplicación, seleccione la skill en Plugins → Skills, pegue el prompt anterior y lea el plan antes del resultado.

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