Frontend & UI
Animation Review
Repère, améliore et relit le mouvement face à un niveau d’exigence senior.
De quoi il s’agit
Trois des skills de mouvement d’Emil Kowalski fonctionnant en une seule boucle : repérer ce qui devrait s’animer, améliorer le mouvement existant, et relire le code d’animation face à un haut niveau d’exigence.
Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations
Find, improve and review motion in a codebase against a senior craft bar.
Pourquoi ça compte pour le design
- Fait ressortir l’UI qui devrait bouger mais ne bouge pas, et rejette le mouvement superflu.
- Transforme le vague « rends ça plus agréable » en un audit de mouvement priorisé.
- Tient l’animation à un niveau d’exigence nommé, pas au goût personnel.
Ce que ça couvre
- Find animation opportunities
- Improve animations
- Review animations
- Craft bar
Comment l’installer
Animation Review
-
Clonez le dépôt.
git clone https://github.com/emilkowalski/skills -
Pointez Codex sur le fichier du skill.
skills/find-animation-opportunities/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Lancez la passe de repérage pour localiser les occasions de mouvement dans votre UI.
-
Appliquez la passe d’amélioration pour retravailler le code d’animation existant.
-
Lancez la passe de revue avant de livrer pour attraper le mouvement bâclé.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.