Фронтенд и UI
animation-vocabulary
Превращает расплывчатое описание движения в точный технический термин.
Что это
Глоссарий с обратным поиском. Пользователь примерно описывает эффект движения, а скилл возвращает точный термин дословно, с близкими вариантами, когда подходит несколько.
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
Почему это важно для дизайна
- Даёт дизайнеру нужное слово, чтобы задать его агенту в промпте.
- Разводит близкие пары вроде clip-path и mask, pop in и bounce.
- Отказывается выдумывать термины, поэтому названиям можно доверять.
Что внутри
- Entrances and exits
- Sequencing and timing
- Transitions between states
- Scroll
- Spring animations
- Polish and effects
Как установить
animation-vocabulary
-
Клонируйте репозиторий.
git clone https://github.com/emilkowalski/skills -
Укажите Codex на файл скилла.
skills/animation-vocabulary/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Опишите, что увидели, например «резиновый скролл как в iOS».
-
Он возвращает выделенный термин и однострочное определение из глоссария.
-
Спросите варианты, когда правдоподобно подходят два термина.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.