Лендинг по брифу и референсам, который агент сам проверит
Агент собирает страницу, смотрит на неё в трёх размерах экрана и правит самый заметный провал
Какую задачу решает
Собрать лендинг агентом по брифу и референсам с самопроверкой
Что будет на выходе
Первая версия лендинга, скриншоты 3 ширин, результаты проверок и спорные решения
- Кому подойдёт
Эксперт с готовыми текстами, который хочет лендинг от агента без недели правок
- Тема
- Вайбкодинг
- Инструменты
- Claude CodeCodex
Что это
«Сделай красивый лендинг» — худший запрос для агента. Он не знает, какие нужны блоки, на что равняться, когда остановиться, и что «красиво» для тебя. Получается шаблонная страница, которую потом правишь неделю. Чтобы агент обходил типичные приметы ИИ-сайтов, дай ему бесплатный файл Антишаблон: 30 примет сайта, сделанного нейросетью.
Этот промпт запускает петлю: агент собирает страницу по брифу, открывает её в браузере, сравнивает с референсами, чинит самый заметный провал и повторяет — пока не выполнит все проверяемые условия или не упрётся в лимит. То, что машина проверить не может (попадание в характер бренда), он выносит тебе списком и ничего не додумывает.
На выходе:
- первая готовая версия лендинга в проекте;
- скриншоты на ширинах 375, 768 и 1440 px;
- результаты сборки и проверки формы, ссылок и консоли;
- 3–5 спорных визуальных решений на твоё утверждение.
Подходит для лендинга курса, страницы услуги, сайта клиента, прототипа личного кабинета. Работает в Claude Code и Codex; лучше всего, если агент умеет открывать браузер.
Как использовать
- Создай папку проекта, внутри —
BRIEF.mdс текстами и блоками и папкуreferencesсо скриншотами страниц, которые нравятся. В брифе прямо напиши, что нравится в каждом референсе: «шрифт и воздух как здесь», «карточки тарифов как тут». - Сделай коммит или копию папки — точку возврата.
- Вставь промпт. В Claude Code и Codex его можно отправить командой
/goalв начале — тогда агент будет крутить круги сам. - Когда агент закончит, посмотри скриншоты и утверди или поправь спорные решения.
Рядом по теме: Как сделать сайт с Claude Code за выходные, Дизайн-бриф лендинга: design-brief.md для агента, Claude Code для маркетолога, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).
Что дальше
Если тексты для брифа ещё не готовы — начни с Лендинг по блокам: тексты за 15 минут. После первой версии проверь мобильную вёрстку отдельно — Почини вёрстку на телефоне и не устрой редизайн, а перед показом прогони Живая ссылка: проверить и упаковать перед показом.
Хочешь бриф целиком без мучений — скилл Лендинг Мастер соберёт прототип структуры, тексты всех блоков, 2–3 варианта первого экрана и файл texts.md, который можно сразу отдать агенту, — 990 ₽.
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.


