ИИ агент для создания сайта работает по цепочке задач: предлагает структуру, пишет код страниц, запускает тесты и показывает изменения, а человек проверяет каждый шаг и разрешает публикацию. От конкретного конструктора такой подход независим: он держится на задачах, проверке и правах. Нужен хотя бы один человек, способный прочитать код и принять решение о выпуске.
Задача агента
Агент для сайта делит работу на шаги: структура, макет, код, тесты, разбор изменений человеком и публикация по разрешению. Чем меньше шаг и яснее критерий готовности, тем проще принять результат.
Разговор о создании сайта нейросетью часто сводится к вопросу «какой сервис выбрать». Агентный подход смотрит с другой стороны: сайт собирается как последовательность небольших задач, и по каждой агент предлагает результат, а человек его принимает или возвращает. Выбор инструмента вторичен, первичны порядок работы и точки контроля.
Обзор конструкторов, генераторов и пределов автоматической сборки мы давали в статье ИИ для создания сайтов, а проверку прототипа в одном из сервисов — в материале Lovable для бизнес-приложения. Здесь многошаговая работа агента с кодом: что поручать, как читать изменения и когда разрешать выпуск.
Для небольшого проекта хватает одного агента и одного ревьюера, но роли лучше разделить сразу. Тот, кто ставит задачи, и тот, кто принимает результат, должны быть разными людьми, по крайней мере для публичных страниц. Так вы получаете независимый взгляд и снижаете вероятность, что очевидная ошибка проскочит из-за привычки.
Права агента на экран и действия вне кода разобраны в статье ИИ агент для компьютера, а общий взгляд на агентов для бизнеса — в обзоре ИИ-агентов.
Структура сайта
Первая задача агента — структура: какие страницы нужны и зачем. Её согласуют до написания кода, потому что переделка структуры после вёрстки обходится дороже всего.
| Шаг | Что делает агент | Что решает человек |
|---|---|---|
| Цели сайта | Формулирует задачи на основе вашего описания | Утверждает цели и аудиторию |
| Карта страниц | Предлагает набор страниц и связи между ними | Убирает лишнее, добавляет обязательное |
| Содержание страниц | Готовит черновые тексты и заголовки | Проверяет факты, цены и обещания |
| Элементы доверия | Предлагает блоки отзывов, контактов, гарантий | Подтверждает, что каждый блок соответствует реальности |
| Путь пользователя | Описывает путь от входа до заявки | Проверяет, что заявка доходит до адресата |
Тексты для сайта агент пишет быстро, но факты принадлежат вам. Цены, сроки, обязательства и названия клиентов проверяет человек, потому что опубликованная ошибка видна клиенту. Работа с материалом подробно описана в статье ИИ агент для контента.
Отдельно решите, что делать с оформлением. Агент способен собрать аккуратный макет по описанию или образцу, но фирменный стиль, шрифты и логотипы утверждает человек. Передайте агенту готовую палитру и правила использования логотипа, иначе каждая страница получит собственный вид, и сайт распадётся на разнородные части.
Зафиксируйте результат первого шага в одном документе: цели, карта страниц, обязательные блоки. Этот документ служит заданием для следующих шагов и защитой от дрейфа: когда агент предлагает добавить лишнее, вы сверяетесь с документом и решаете по нему.
Код и тесты
Когда структура утверждена, агент пишет код страниц. Здесь действует правило небольших задач: один шаг, одна проверяемая цель, один разбираемый diff.
- Опишите задачу одним абзацем: какую страницу создать, из каких блоков и по какому макету или примеру.
- Укажите каталоги, в которых агент вправе работать, и файлы, которые трогать запрещено.
- Попросите план перед правками и поправьте его, пока файлы остаются нетронутыми.
- Разрешайте изменения по одному и запускайте проверки после каждого: сборку, тесты, проверку ссылок и вёрстки.
- Фиксируйте результат коммитом в отдельной ветке, чтобы любой шаг можно было откатить.
Тесты для сайта проще, чем кажется: открывается ли страница, работают ли ссылки и форма, корректно ли выглядит вёрстка на телефоне и на экране компьютера, читаются ли заголовки и метаданные. Попросите агента написать такие проверки и запускайте их самостоятельно, считая отчёт об успехе лишь предположением.
Следите за зависимостями. Агент охотно добавляет библиотеки, шрифты и скрипты, и каждая такая добавка расширяет поверхность риска и замедляет страницу. Просите объяснять, зачем нужен каждый новый пакет, и удаляйте лишнее: чем меньше сторонних частей, тем проще поддерживать сайт.
Размер шага определяет качество ревью. Если результат занимает десятки файлов, остановите работу и разделите задачу. Большой diff читают поверхностно, и ошибка в нём теряется среди шума.
Какую страницу вашего сайта вы бы поручили агенту первой?
Ручной review
Результат агента — набор изменений, и ответственность за них лежит на человеке. Ревью строят как для кода от коллеги.
- Список файлов: набор затронутых файлов совпадает с задачей, лишние файлы требуют объяснений.
- Тексты: цены, адреса, телефоны и обещания сверены с реальными данными.
- Ссылки и формы: каждая ведёт туда, куда нужно, а заявки приходят адресату.
- Подключения: счётчики, скрипты и внешние сервисы добавлены осознанно, каждое по отдельному запросу.
- Мобильная версия: страница читается на маленьком экране и с клавиатуры.
- Тесты: изменения в тестах просмотрены отдельно, ослабленные условия выдают подгонку.
Особое внимание уделите всему, что идёт наружу: формам, платёжным ссылкам, скриптам аналитики. Ошибка в тексте исправляется быстро, а неправильный адрес формы теряет заявки молча, и вы узнаете об этом по падению обращений. Проверяйте путь заявки от кнопки до почты руками.
Проверьте скорость и доступность страницы: тяжёлые изображения и лишние скрипты замедляют загрузку, а отсутствие подписей к картинкам и контраст текста ухудшают восприятие. Эти вещи легко упустить при чтении кода, поэтому добавьте их в чек-лист и проверяйте в браузере.
Для критичных страниц подключайте второго человека: один ставит задачу, другой читает изменения. Простой регламент из двух ролей снижает вероятность опубликованной ошибки.
Публикация по разрешению
Публикация — действие вовне, и оно требует явного решения человека. Агент готовит выпуск, но кнопку нажимает сотрудник.
- Права: агент работает в тестовой среде и ветке, доступа к боевому серверу и доменам у него нет.
- Чек-лист выпуска: сборка, проверка ссылок, проверка форм, просмотр на телефоне и компьютере.
- Откат: прежняя версия сохранена, и вернуться к ней можно быстро.
- Разрешение: выпуск подтверждает назначенный человек, а решение записывается в журнал.
- После выпуска: проверка рабочих адресов и тестовая заявка вместо веры в успешный деплой.
Публикуйте по одной понятной порции. Если вместе с новой страницей уходят правки пяти других, найти причину сбоя будет трудно, а откат заденет лишнее.
Заранее решите, кто сопровождает сайт после запуска. Код, написанный агентом, тоже требует обновлений, исправлений и ответов на вопросы, а без ответственного он быстро устаревает. Назначьте владельца, определите порядок внесения правок и храните историю изменений в репозитории.
Первым проектом возьмите небольшой сайт или один раздел: посадочную страницу, раздел услуг. По итогам сравните время сборки, число возвратов и ошибок после выпуска. Контур и регламент выпуска можно выстроить вместе с внедрением ИИ в компанию, а конкретные продукты и сервисы выбирайте уже под вашу задачу.