Frontend y UI
Animation Review
Encuentra, mejora y revisa el movimiento frente a un listón de oficio sénior.
Qué es
Tres de las skills de movimiento de Emil Kowalski funcionando como un solo bucle: encontrar lugares que deberían animarse, mejorar el movimiento existente y revisar el código de animación frente a un alto listón de oficio.
Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations
Find, improve and review motion in a codebase against a senior craft bar.
Por qué importa para el diseño
- Saca a la luz la UI que debería moverse y no lo hace, y rechaza el movimiento que no debería estar.
- Convierte el vago «que se sienta mejor» en una auditoría de movimiento priorizada.
- Somete la animación a un listón de oficio con nombre, no al gusto personal.
Qué cubre
- Find animation opportunities
- Improve animations
- Review animations
- Craft bar
Cómo instalarlo
Animation Review
-
Clona el repositorio.
git clone https://github.com/emilkowalski/skills -
Señálale a Codex el archivo de la skill.
skills/find-animation-opportunities/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Ejecuta la pasada de find para localizar oportunidades de movimiento en tu UI.
-
Aplica la pasada de improve para reelaborar el código de animación existente.
-
Ejecuta la pasada de review antes de publicar para cazar el movimiento de bajo oficio.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.