В видео я обещал поделиться промптом, который заставляет агента сразу готовить макеты под передачу на срисовку в Claude Code.
Держите. Вставлять в любое место вашего промпта
Результат — пакет для передачи в разработку (Claude Code), а не набор картинок:
1. Один кликабельный прототип со всеми экранами, реальными переходами и состояниями; адаптив mobile / tablet / desktop внутри одного файла, переключение брейкпоинта и экрана - через Tweaks, без отладочных панелей в самом дизайне.
2. HANDOFF.md: токены (цвета, шрифты, радиусы, отступы), рецепты материалов, каждый компонент с точным CSS, таблица брейкпоинтов, описание каждого экрана, модель состояния, тон копирайта, список заглушек.
3. screens//.png - скриншот каждого экрана и состояния в каждом брейкпоинте.
4. CLAUDE.md с указанием, что читать первым.
5. Черновики и устаревшие файлы удалить; в проекте - только источник правды. Не задавай уточняющих вопросов, решай сам. В конце выдай отчет, какие решения принял в рамках чистки проекта от черновиков и устаревших файлов.
Проектируй с учетом того, что агент будет срисовывать твои макеты в код
Держите. Вставлять в любое место вашего промпта
Результат — пакет для передачи в разработку (Claude Code), а не набор картинок:
1. Один кликабельный прототип со всеми экранами, реальными переходами и состояниями; адаптив mobile / tablet / desktop внутри одного файла, переключение брейкпоинта и экрана - через Tweaks, без отладочных панелей в самом дизайне.
2. HANDOFF.md: токены (цвета, шрифты, радиусы, отступы), рецепты материалов, каждый компонент с точным CSS, таблица брейкпоинтов, описание каждого экрана, модель состояния, тон копирайта, список заглушек.
3. screens//.png - скриншот каждого экрана и состояния в каждом брейкпоинте.
4. CLAUDE.md с указанием, что читать первым.
5. Черновики и устаревшие файлы удалить; в проекте - только источник правды. Не задавай уточняющих вопросов, решай сам. В конце выдай отчет, какие решения принял в рамках чистки проекта от черновиков и устаревших файлов.
Проектируй с учетом того, что агент будет срисовывать твои макеты в код