Сайт голосом в ChatGPT Sites: редизайн в своём стиле и рутина для агентов

Сайт больше не нужно «куда-то выкладывать»

Раньше создать сайт с помощью нейросети значило вот что: просишь ChatGPT «сделай мне сайт», получаешь простыню HTML-кода, сохраняешь его и сам ищешь, где разместить. Теперь есть ChatGPT Sites (в интерфейсе — раздел «Сайты»): нажимаешь «Создать», описываешь, что нужно, — и агент собирает сайт и сразу размещает его на хостинге OpenAI. Дальше сайт можно править обычными просьбами, без дизайнера и верстальщика.

Николай Волосянков сам этой функцией пока пользуется не полностью, но, по его словам, сайт-визитку делал бы именно так. В начале доклада он показал примеры: сайт по промпту «сделай по-быстрому», который нормально выглядит и на телефоне, и сайт, собранный из его фото, логотипа и описания курса — агент выдержал фирменные цвета и сам придумал слоган. Отличие от отдельных сервисов, которые работают как нейросеть для создания сайтов (Николай называет Lovable), он видит в цене: Lovable — отдельная платная подписка, а «Сайты» входят в тариф ChatGPT.

Подготовка: дизайн-система из Claude Design и ссылка на старый сайт

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

Для этого ему нужны ровно две вещи:

1. Дизайн-система. На прошлом NeyroSummit Николай показывал, как собрать её в Claude Design: логотипы, шрифты, фирменные цвета, компоненты и примеры экранов. По сути это просто набор файлов с описанием компонентов, поэтому из Claude Design его можно скачать — Николай выгрузил HTML в zip-архиве размером около мегабайта.
2. Ссылка на старый сайт — оттуда агент возьмёт тексты, структуру и тарифы.

Дальше — подготовка проекта. Николай работает в десктопном приложении ChatGPT: так удобнее держать всё в одной локальной папке, куда можно докладывать файлы, а агент может найти и использовать их сам. Шаги:

• создать на компьютере пустую папку, например «Новый сайт», и положить туда zip с дизайн-системой;
• в приложении ChatGPT в разделе «Проекты» создать локальный проект, привязанный к этой папке;
• перейти в «Сайты» → «Создать» и выбрать этот проект.

Голосом, как вредный заказчик

Весь промптинг — одна голосовая реплика. Николай сказал её так, как сказал бы живому подрядчику:

Смотри, вот у тебя есть ссылка на мой старый сайт: [ссылка]. Это сайт с описанием курса про ИИ-агентов. Но дизайн там какой-то слишком простой. Мне бы хотелось яркий, дерзкий, необычный дизайн, необычное оформление сайта. Поэтому создай мне новый сайт прямо в ChatGPT, используя данные из прошлого сайта и используя фирменный стиль, который у тебя лежит в текущем проекте.

Перед отправкой Николай выбрал модель Astra с уровнем medium и режимом «суперскорости», чтобы уложиться в эфир. Агент нашёл в архиве фирменные шрифты и логотип, прочитал старый сайт и за несколько минут выдал новый вариант: тёмная тема, другие шрифты, переписанные заголовки, модули уроков, тарифы, перерисованный портрет автора. Персонажа-агента из дизайн-системы он встроил как блок частых вопросов. Оценка самого Николая — «в целом неплохо», но «надо подумать».

По его опыту, модель решает многое: на одном из вебинаров тот же сайт в Луне собирался около получаса, а Astra справилась за пару минут. Лучшими для сайтов он называет Terra и Sol, но Astra хотел испытать впервые.

Правки голосом: что получилось, а что пришлось доделывать

Главная идея метода — дальше всё правится так же, разговором. Николай попросил продублировать свою фотографию на первый экран: в белой футболке, с ноутбуком, на пляже, с мохито. Агент дорисовал, но неаккуратно — голова «просто перерисована». Следующая реплика — вопрос и уточнение:

Смотри, голова не очень аккуратно перерисована. Какую модель для генерации изображения ты использовал? Попробуй другую модель, получше — используй вариант high, чтобы нарисовать изображение естественнее.

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

Честный итог демо — черновик, а не готовый продукт. Ссылку отправили зрителям в чат: у части людей сайт не открылся, в том числе с телефона. Кнопки «Записаться» вели на старый сайт или не работали. Николай объяснил это просто: текст никто не вычитывал, кнопки никто не нажимал — «надо это всё доделывать». Отсюда правило: после генерации пройди сайт глазами и пальцами, как посетитель.

Публикация и свой домен — тоже через агента

Новый сайт по умолчанию видишь только ты. Чтобы его увидели другие, его нужно опубликовать и сделать публичным. На эфире галочкой это сделать не получилось: публикация запускала диалог с агентом, и Николай просто попросил словами — «опубликуй этот сайт, чтобы любой мог его увидеть, и дай мне ссылку».

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

Выгрузить и разместить у себя

Если аудитория по всему миру, сайт-визитку, по мнению Николая, можно оставить на ChatGPT. Если аудитория в России, он советует в итоге скачать сайт и разместить на российском сервере — например, в Яндексе или у любого другого хостера. Причину он называет сам: сайты публикуются на серверах в США, а сайты на американских IP-адресах в России иногда открываются плохо. Тем, что часть зрителей не смогла открыть ссылку, он объяснил именно это.

Кнопки «Скачать» Николай не искал — он попросил агента:

Собери весь этот сайт в ZIP-архив и дай мне ссылку на скачивание.

Сборка архива заняла больше времени, чем создание сайта, но сработала: внутри оказались README с описанием, дизайн-система и сам сайт одним HTML-файлом. Такой файл можно загрузить на любой хостинг. Минус Николай назвал сам: каждую следующую правку придётся снова делать в ChatGPT, снова скачивать и снова загружать.

Заявки, админка и рутина: где кончается визитка

То, что собрали на эфире, — сайт-визитка: фронтенд, видимая часть. За формами, базами и файлами стоит бэкенд, и, по словам Николая, «по умолчанию у ChatGPT его нет». Чтобы проверить, он попросил:

Смотри, сейчас у тебя кнопки ведут на старый сайт. Сделай так, чтобы, когда пользователь нажимает «Записаться на курс» или выбирает тариф, заявки собирались. Куда будут уходить эти заявки?

Агент предложил три варианта: база сайта, Telegram или e-mail. Николай выбрал почту и базу, и агент сделал форму. Николай оставил тестовую заявку, попросил «покажи заявки с сайта» — и агент нашёл её в базе. Где физически хранится эта база, он сам на эфире сказать не смог и предупредил: рассчитывать на это пока не стоит.

Дальше — то, ради чего в названии доклада стоят «агенты»: Николай попросил написать админку, чтобы видеть заказы только из своего аккаунта ChatGPT, и рутину — каждый час присылать новые заявки с телефонами в Telegram. Рутина, объясняет он, — задача, которая просыпается по расписанию, проверяет, есть ли новое, и либо пишет тебе, либо засыпает. Потом он переформулировал идею: убрать Telegram и раз в час писать людям, оставившим заявку, письмо с напоминанием об оплате. Результат этих двух просьб на эфире не показали — Николай оставил их зрителям для экспериментов. Его вывод шире сайта: границы между программой и сотрудником стираются, и задачи и тем и другим всё чаще ставят голосом.

Ограничения для России: доступ и персональные данные

Николай сам поднял этот вопрос: если ты работаешь в России и собираешь заявки через бэкенд ChatGPT, это «не совсем законно» — персональные данные россиян нужно хранить и обрабатывать в России. Редакция разделяет эту осторожность и добавляет факты.

Практически это укладывается в метод самого Николая: создание сайта с помощью нейросети — в ChatGPT, а жизнь сайта, формы и данные российской аудитории — на российском хостинге.

С чего начать сегодня

Вопросы и ответы