Фронтенд и 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
Из исходного SKILL.md

Почему это важно для дизайна

  • Даёт дизайнеру нужное слово, чтобы задать его агенту в промпте.
  • Разводит близкие пары вроде clip-path и mask, pop in и bounce.
  • Отказывается выдумывать термины, поэтому названиям можно доверять.

Что внутри

  • Entrances and exits
  • Sequencing and timing
  • Transitions between states
  • Scroll
  • Spring animations
  • Polish and effects

Как установить

animation-vocabulary

  1. Клонируйте репозиторий.

    git clone https://github.com/emilkowalski/skills
  2. Укажите Codex на файл скилла.

    skills/animation-vocabulary/SKILL.md
  3. Дальше опишите нужный интерфейс. Codex следует скиллу.

Как запустить с Codex

  1. Опишите, что увидели, например «резиновый скролл как в iOS».

  2. Он возвращает выделенный термин и однострочное определение из глоссария.

  3. Спросите варианты, когда правдоподобно подходят два термина.

Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.

Больше плагинов в списке codex-design ↗

Следующий шаг

Проектируйте с Open Design без возни с настройкой

Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.