Все скиллы

page-design-pipeline

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

Поэтапное проектирование страницы/компонента с чекпоинтами и согласованием.

Open source — скоро

Использует

Google Stitchсервис ↗emil-design-engсервисanimateсервисcontent-genсервис

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

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

Что делает

Поэтапно проектирует новую страницу или компонент с явным согласованием на каждом checkpoint: контекст → структура → (Stitch) → токены + код → анимации → аудит → финал.

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

  1. 1Скажи «спроектируй страницу X» или /design-page.
  2. 2Отвечаешь на контекст, выбираешь структуру.
  3. 3Опц.: Stitch генерит черновик дизайна.
  4. 4Эмил + анимация + аудит, на каждом шаге — твой ОК.

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

«сделай лендинг X»«спроектируй компонент»«построй экран»/design-page

Пример

/design-page страница тарифов — проведёт от структуры до вылизанного кода.

Обновления

  • Добавлена опциональная ветка Google Stitch (Checkpoint 1.5).

  • Добавлен в каталог RedSkills.

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