Как принять страницу, которую вернул агент

Редакция CMO.PRO. Илья Чумаченков, 18 июля 2026 года, запись «ИИ-сайты через агентов Codex и Claude Code».

Здесь задача не в новом запросе. Откройте то, что агент уже вернул, и решите, что можно оставить: картинку, блоки и текст. Проверьте каждый пункт отдельно. Общее впечатление «похоже на сайт» в приёмку не берите.

Сначала картинка, не вёрстка

Агента держите чёрным ящиком. Текста много, а картинки, которую вы примете, ещё нет. До вёрстки попросите предварительный макет главной страницы и секций. Делайте его встроенной генерацией изображений, тем же приёмом, что карусели. Номер того занятия берите приблизительно: второе или третье. Точнее номер не назван, не уточняйте его догадкой. На выходе оставьте картинку, как страница могла бы выглядеть. Это ещё не сайт.

Смотрите две вещи. Подхватился ли стиль, который вы зафиксировали, и подхватилась ли мысль. Генерация даёт реалистичные изображения, поэтому сюда же закажите фото людей, предметов или, как в примере встречи, волос. Сразу проверьте, туда ли вы идёте. Пока макет не тот, верстать рано. Когда он стал нужным, следующая просьба жёсткая: следовать этому изображению и собирать блоки только так, как на нём показано.

Если модель сама сделала два макета, для компьютера и для телефона, мобильный вид всё равно проверьте руками. Фразу «агент и так догадался» в приёмку не берите.

Просьба, с которой переходят к вёрстке, собирается из уже принятых частей. Текст эксперта. Вид из файла оформления. Сгенерированный макет, к которому нужно максимально приблизиться. Навык для технической вёрстки. Пока одной из частей нет, вёрстку не запускайте. Сам макет и эта развилка разобраны в записи: ИИ-сайты через агентов Codex и Claude Code.

Что оставить, а что нет

Макет личного сайта детского дерматолога-трихолога сверяйте по тому, что в плюсе. Почти белый общий стиль. Читаемое меню сверху. Кнопка записи на приём. Сами пункты меню. В примере узнаётся образец Pinterest: его как раз отдают файлом оформления. Проверка «стиль узнаётся» здесь сработала. Если свой образец на макете не узнаётся, макет не принят.

Фото в том примере не оставили. Снимок может не подходить, даже когда палитра верная. На собранной странице замените человека на изображении: вместо мужчины девочка шести лет, потому что вариант выглядел странно. В приёмку входит сюжет картинки, не только палитра. Откройте каждое фото и оставьте только тех людей, которых вы сами задавали.

Навык против безликой вёрстки на этом прогоне не подключился. Его нужно догрузить отдельно. Страница при этом может появиться. Собранная страница не доказывает, что запрошенный навык отработал. Если он не подключился, этот пункт не принят, даже когда блоки уже стоят. Прогон сделайте отдельно и проверьте, что навык действительно подключился.

После первой большой сборки вернитесь к прежнему списку блоков. Принимайте не «сайт готов», а каждый блок.

Полоса навигации: в каком она виде и остаётся ли на месте при прокрутке. Первый экран: есть ли одна фраза на весь экран. Дальше отзывы и видео, если они нужны задаче. Блок преимуществ и сравнение с другими. Как давно вы на рынке. Тарифы на этой странице или на отдельной. Вопросы и ответы: отвечаете ли вы на них на самом деле. Подвал: юридические документы есть и лежат на сайте. Пункт, которого в задаче нет, не добавляйте только потому, что он стоит в списке. Пункт, который в задаче есть, не пропускайте из-за общего вида.

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

Если ещё не названо, что должна сделать первая версия, сверка с макетом превращается в спор о вкусе. Как отсечь лишнее до сборки, есть в материале Как выбрать задачу для внутреннего MVP.

Текст читаете вы

Отдельный навык для более продающих текстов не заменяет чтение. Тон, который разбирали на первых занятиях, можно подключить, чтобы страница звучала так, как вы пишете. И всё равно нужна ручная сверка, всё ли написано так, как надо. Эту сверку оставьте себе.

Рядом держите соседний случай. Файл, который агент присылает в чат, с телефона открывался через раз. Сначала переписка ушла на китайский, потом её переписали, а в предыдущем файле снова оказались иероглифы. Если так вышло, пришлите проект и формулировку и сузьте правила. Пока файл не открывается или в тексте чужие знаки, кусок не принят. Сначала сузьте правила и прочитайте текст сами.

Заголовки на уже собранной странице отсмотрите отдельно и проверьте переносы строк. Это чтение, а не впечатление «в целом похоже на макет».

Точечное замечание не описывайте абзацем. В Codex справа сверху откройте кнопку аннотации. Нажмите элемент на странице и напишите комментарий. Агент получает, какой визуальный кусок и какой текст менять. Человеческим языком трудно объяснить, куда зайти и что заменить: картинка и текст для человека устроены по-разному. Поэтому замечание привязывайте к элементу.

Если вид снимали со старого сайта

Для компании без брендбука файл оформления снимайте с действующего сайта. Приёмку здесь делайте глазами. Соберите один простой лендинг и откройте его рядом с сайтом компании. Первая итерация скорее всего не попадёт во все элементы. Напишите, какие именно не соблюдены, и попросите заново посмотреть образец и тот файл, который агент уже создал. Затем поправьте файл так, чтобы сходство было максимальным. На это заложите одну-две итерации. Следующие страницы собирайте с этого файла только после такой сверки.

Когда файл принят, им можно пользоваться шире одной страницы. Из него дальше собирают описание для изображений в социальных сетях, для постов, статей и картинок. В приёмку сегодняшней страницы этот контур не входит. Сначала файл должен совпасть с образцом. Пока не совпал, посты и картинки из него не запускайте.

Правку живой страницы не ставьте вслепую

Сайт уже выложен, и хочется сменить блоки или весь вид и не потерять то, что работало. Сначала работайте локально.

Первое действие — попросите копию, из которой можно восстановиться. Второе — отдельная ветка. В группе встречи есть документ про GitHub. Рабочий проект держите стволом. Эксперимент, в примере это анимация инопланетянина, ведите в новой ветке. С основной она не связана. Посмотрели и приняли — просите слить ветку обратно. Не приняли — основная страница остаётся как была. Ветку, которую вы сами не открывали, не сливайте.

Другому человеку сайт передавайте не входом в ваш чат. Проект положите на GitHub и выдайте доступ, как к папке на общем диске. Человек подключается и меняет проект там. Пачка файлов без доступа — это ещё не передача. Проверьте, что человек открывает проект сам, а не через вашу переписку с агентом.

Принятой можно считать страницу, у которой сошлись четыре ответа. Макет узнаваем на вёрстке. На фото и в фактах те люди и те сведения, которые вы давали. Навык, который вы вызывали, подключился, либо вы сознательно отложили его отдельным прогоном. Текст открывается и прочитан. Всё, что хотите попробовать поверх этого, сначала живёт в копии и в отдельной ветке. Ни картинка, ни удачный блок сами по себе не означают, что страница готова к показу и что с неё пойдут обращения.

Как составить требования к MVP с ИИ

Как проверять материалы ИИ перед публикацией

Каталог встреч: https://cmo.pro/yadro/meetings

Каталог открыт, запись для участников Ядра.