После регистрацииИнтерфейс

Лендинг по брифу и референсам, который агент сам проверит

Агент собирает страницу, смотрит на неё в трёх размерах экрана и правит самый заметный провал

13 октября 20265 мин Средний63

Какую задачу решает

Собрать лендинг агентом по брифу и референсам с самопроверкой

Что будет на выходе

Первая версия лендинга, скриншоты 3 ширин, результаты проверок и спорные решения

Кому подойдёт

Эксперт с готовыми текстами, который хочет лендинг от агента без недели правок

Инструменты
Claude CodeCodex

Что это

«Сделай красивый лендинг» — худший запрос для агента. Он не знает, какие нужны блоки, на что равняться, когда остановиться, и что «красиво» для тебя. Получается шаблонная страница, которую потом правишь неделю. Чтобы агент обходил типичные приметы ИИ-сайтов, дай ему бесплатный файл Антишаблон: 30 примет сайта, сделанного нейросетью.

Этот промпт запускает петлю: агент собирает страницу по брифу, открывает её в браузере, сравнивает с референсами, чинит самый заметный провал и повторяет — пока не выполнит все проверяемые условия или не упрётся в лимит. То, что машина проверить не может (попадание в характер бренда), он выносит тебе списком и ничего не додумывает.

На выходе:

  • первая готовая версия лендинга в проекте;
  • скриншоты на ширинах 375, 768 и 1440 px;
  • результаты сборки и проверки формы, ссылок и консоли;
  • 3–5 спорных визуальных решений на твоё утверждение.

Подходит для лендинга курса, страницы услуги, сайта клиента, прототипа личного кабинета. Работает в Claude Code и Codex; лучше всего, если агент умеет открывать браузер.

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

  1. Создай папку проекта, внутри — BRIEF.md с текстами и блоками и папку references со скриншотами страниц, которые нравятся. В брифе прямо напиши, что нравится в каждом референсе: «шрифт и воздух как здесь», «карточки тарифов как тут».
  2. Сделай коммит или копию папки — точку возврата.
  3. Вставь промпт. В Claude Code и Codex его можно отправить командой /goal в начале — тогда агент будет крутить круги сам.
  4. Когда агент закончит, посмотри скриншоты и утверди или поправь спорные решения.

Рядом по теме: Как сделать сайт с Claude Code за выходные, Дизайн-бриф лендинга: design-brief.md для агента, Claude Code для маркетолога, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).

Что дальше

Если тексты для брифа ещё не готовы — начни с Лендинг по блокам: тексты за 15 минут. После первой версии проверь мобильную вёрстку отдельно — Почини вёрстку на телефоне и не устрой редизайн, а перед показом прогони Живая ссылка: проверить и упаковать перед показом.

Хочешь бриф целиком без мучений — скилл Лендинг Мастер соберёт прототип структуры, тексты всех блоков, 2–3 варианта первого экрана и файл texts.md, который можно сразу отдать агенту, — 990 ₽.

Закрытая часть

Дальше — для участников

Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.

Промптывайбкодинглендинглендинг с ИИсоздать сайт с ИИ

Читайте дальше