CAT PAW

Все workflows

Дизайн

Подготовьте передачу дизайна, готовую для разработки

Пакет дизайна к реализации: ясное поведение, повторно используемые материалы, требования доступности и общий путь разрешения неясностей.

Процесс

Делай в этом порядке.

  1. Подтвердите с продуктом и инженерией утверждённые пользовательские потоки, объём, адаптивные состояния, инвентарь компонентов, контент и критерии приёмки.
  2. Приведите файлы дизайна в порядок: именованные фреймы, компоненты, варианты, токены, слои и маркеры статуса, отделяющие финал от черновиков.
  3. Задайте поведение вёрстки, точки перелома, отступы, типографику, цветовые токены, состояния взаимодействия, загрузку, пусто, ошибку, успех и права.
  4. Аннотируйте требования доступности: семантический смысл, порядок чтения и фокуса, клавиатура, метки, объявления, контраст и уменьшенное движение.
  5. Дайте оптимизированные материалы, источники контента, прототипы, ссылки на дизайн-систему и известные технические ограничения; не перерисовывайте системные компоненты без нужды.
  6. Пройдите передачу с инженерами, зафиксируйте вопросы и решения в одной записи, поддержите проверки реализации и сравните сборку с критериями приёмки.

Принеси это

Входы, которые кот спросит.

  • Утверждённый файл дизайна и пользовательские потоки
  • Источник дизайн-системы или токенов
  • Технические ограничения и целевые платформы
  • Владелец инженерии и критерии приёмки

Роутер + один playbook

Сначала маршрут. Выбери один.

Cat Paw открывает один playbook на задачу, не смешивает несколько. Начни с этого роутера; остальные пути — кандидаты именно этого workflow.

  • Роутер: design-pack
  • skills/design/ui-skills/create-design-md/SKILL.md
  • skills/design/ui-skills/baseline-ui/SKILL.md

Границы

Границы едут вместе с промптом.

  • Не выдавайте исследовательские фреймы за утверждённые цели реализации.
  • Используйте токены и исходные материалы, а не просите разработчиков снимать значения с пикселей.
  • Фиксируйте решения в общем артефакте, чтобы устные уточнения не терялись.

Готово значит

Проверяемый финиш.

Инженерия видит каждое нужное состояние, материал, токен, поведение и ожидание доступности; у открытых вопросов есть владельцы; собранный билд сверен с согласованными критериями приёмки.

Источники

Откуда взялся этот процесс.

  1. www.figma.com/blog/the-designers-handbook-for-developer-handoff/
  2. help.figma.com/hc/en-us/articles/15023124644247-Guide-to-Dev-Mode
  3. help.figma.com/hc/en-us/articles/35063862380311-Accessibility-at-Figma

Источники задают рисунок workflow. Посты Reddit и сообщества, если они есть, — байки практиков, не универсальные факты.

ИИ действует. Вы решаете.

Человеческий тормоз для ИИ.

Latch показывает каждую команду, клик и изменение файла до того, как они произойдут — вы можете сказать да, нет или пока нет.

Plow Latch · macOS Cat Paw Latch · Windows + Linux · сборка из исходников
Cat Paw Latch

За номером

Два harness. Одна линия.

Тот же номер и те же $100 кредита. Выберите, кто отвечает, когда вы пишете.

Hermes

Терминальный агент Nous Research. Работает на вашей машине, помнит между сессиями и открывает один playbook на задачу.

Написать Hermes
OpenClaw

Ассистент с открытым кодом, который работает на вашем компьютере и отвечает в каналах, которыми вы уже пользуетесь. Один playbook на задачу.

Написать OpenClaw

Одна линия для обоих harness +1 628 246 3032

Откроет «Сообщения» с уже выбранным harness.