Все скиллы

design-revise

Для разработчиковДизайн

Ревизионная петля для существующего блока: вкус → анимация → аудит.

Open source — скоро

Использует

Google Stitchсервис ↗emil-design-engсервисanimateсервисdesign-motion-principlesсервис

Нужно подключить API

Чтобы навык работал, понадобятся ключи этих сервисов. Ссылка ведёт туда, где их получить:

Что делает

Берёт уже существующий блок, компонент или секцию и доводит его за один проход через дисциплину вкуса Эмиля Ковальского, паттерны анимации и аудит моушена. Это НЕ проектирование новой страницы — только полировка существующего, опционально с Stitch-вариантами в начале.

Как пользоваться

  1. 1Скажи «отревизь этот блок» / «причеши секцию» или /revise <блок>.
  2. 2Опционально: накидать альтернативы блока через Stitch.
  3. 3Дальше — Эмил (вкус), анимация, аудит моушена тремя линзами.
  4. 4На каждом шаге — таблица Before/After, финальный чек-лист.

Когда срабатывает

«отревизь этот блок»«доведи компонент»«прогони через Эмила и анимацию»/revise

Пример

/revise секция тарифов на главной — пройдёт по типографике, состояниям, анимации появления и отдаст вычищенный код.

Обновления

  • Создан скилл: ревизионная петля для блока (Stitch → Эмил → анимация → аудит).

Понравился скилл? Новые разборы и обновления — в канале.