Frontend y UI
animation-vocabulary
Convierte una descripción vaga de movimiento en su término técnico exacto.
Qué es
Un glosario de búsqueda inversa. El usuario describe un efecto de movimiento a grandes rasgos y la skill devuelve el término preciso, citado tal cual, con alternativas cercanas cuando varias podrían encajar.
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
Por qué importa para el diseño
- Le da al diseñador la palabra exacta con la que instruir a un agente.
- Desambigua pares parecidos como clip-path frente a mask, o pop in frente a bounce.
- Se niega a inventar términos, así la nomenclatura sigue siendo fiable.
Qué cubre
- Entrances and exits
- Sequencing and timing
- Transitions between states
- Scroll
- Spring animations
- Polish and effects
Cómo instalarlo
animation-vocabulary
-
Clona el repositorio.
git clone https://github.com/emilkowalski/skills -
Señálale a Codex el archivo de la skill.
skills/animation-vocabulary/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Describe lo que viste, como «el scroll elástico de iOS».
-
Devuelve el término en negrita más una definición de glosario en una línea.
-
Pide alternativas cuando dos términos podrían encajar de forma plausible.
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.