Frontend & UI
animation-vocabulary
Transforme une description floue de mouvement en son terme technique exact.
De quoi il s’agit
Un glossaire à recherche inversée. L’utilisateur décrit vaguement un effet de mouvement et le skill renvoie le terme précis, cité mot pour mot, avec des variantes proches quand plusieurs conviennent.
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when t
Pourquoi ça compte pour le design
- Donne au designer le mot juste pour prompter un agent.
- Désambiguïse les paires proches comme clip-path et mask, pop in et bounce.
- Refuse d’inventer des termes : la nomenclature reste fiable.
Ce que ça couvre
- Entrances and exits
- Sequencing and timing
- Transitions between states
- Scroll
- Spring animations
- Polish and effects
Comment l’installer
animation-vocabulary
-
Clonez le dépôt.
git clone https://github.com/emilkowalski/skills -
Pointez Codex sur le fichier du skill.
skills/animation-vocabulary/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Décrivez ce que vous avez vu, par exemple « le scroll élastique d’iOS ».
-
Il renvoie le terme en gras plus une définition de glossaire en une ligne.
-
Demandez des variantes quand deux termes pourraient convenir.
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.