En los propios términos del Skill
Una guía de auditoría y corrección para el rendimiento de animaciones en CSS y JS, dirigida a diseñadores y desarrolladores que revisan o refactorizan transiciones con tirones, movimiento vinculado al scroll y efectos de blur. Se distribuye como un slash command: invocado sin argumentos, aplica las directrices a cualquier trabajo de animación en la conversación; si se le indica un archivo, informa de las infracciones citando la línea exacta, por qué importa y una corrección a nivel de código.
Las reglas están ordenadas por prioridad, desde los patrones que nunca deben usarse, la elección del mecanismo y los límites de herramientas en el nivel crítico, hasta la medición, el scroll, el paint, las capas y el blur, y finalmente las view transitions. Se niega a migrar bibliotecas de animación salvo que se le solicite, aplicando las reglas dentro del stack existente.
Qué produce
- Una frase breve por cada infracción explicando por qué importa.
- Una corrección concreta, a nivel de código, para cada infracción.
- Una justificación explícita para cualquier elección de trabajo de renderizado que no sea la predeterminada.
Cómo funciona
- 01Invócalo como un slash command
Ejecuta /fixing-motion-performance para vincular las restricciones a cualquier trabajo de animación que ya se esté discutiendo en la sesión.
- 02O apúntalo a un archivo
Pasar una ruta lo cambia al modo de revisión, comprobando ese archivo con cada regla en lugar de restringir el trabajo en curso.
- 03Informar en Tres Partes
Cada hallazgo cita la línea infractora, ofrece una frase breve sobre por qué importa y propone una corrección a nivel de código.
- 04Ordenar propiedades por paso de renderizado
El glosario divide el trabajo en composite, paint y layout, de modo que el revisor sabe qué animaciones son económicas y cuáles son costosas.
- 05Aplicar en orden de prioridad
Las categorías críticas se comprueban antes que las de menor impacto, de modo que los patrones que nunca deben usarse y los límites de herramientas se resuelven primero.
- 06Permanecer dentro del stack actual
La migración de librerías no forma parte del trabajo; las reglas se aplican al sistema de animación que el código ya utiliza.