Фронтенд и UI
Animation Review
Находит, улучшает и ревьюит движение по планке мастерства сеньора.
Что это
Три скилла Эмиля Ковальски по движению, работающие как один цикл: находить места, которые стоит анимировать, улучшать существующее движение и ревьюить код анимации по высокой планке мастерства.
Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations
Find, improve and review motion in a codebase against a senior craft bar.
Почему это важно для дизайна
- Выявляет UI, который должен двигаться, но не двигается, и отбраковывает движение, которого быть не должно.
- Превращает расплывчатое «сделай приятнее» в приоритизированный аудит движения.
- Держит анимацию на названной планке мастерства, а не на личном вкусе.
Что внутри
- Find animation opportunities
- Improve animations
- Review animations
- Craft bar
Как установить
Animation Review
-
Клонируйте репозиторий.
git clone https://github.com/emilkowalski/skills -
Укажите Codex на файл скилла.
skills/find-animation-opportunities/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Запустите проход find, чтобы найти возможности для движения в вашем UI.
-
Примените проход improve, чтобы переработать существующий код анимации.
-
Запустите проход review перед выпуском, чтобы поймать движение низкого качества.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.