Как собрать сайт с телефона через ИИ-агента: два запуска и схема работы

Если вы видели примеры «сайт за несколько минут из чата» и хотите понять, что за ними стоит, ниже - два моих запуска с публичными результатами, устройство такой системы, что подготовить, чтобы повторить, и где этот способ не подойдёт.

Два запуска: что было на входе и что получилось

Оба раза задача уходила агенту в Telegram с телефона, а результатом был опубликованный сайт, который открывается по ссылке.

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

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

Второй запуск. На выходных я ехал на дачу, стало скучно, и я решил проверить, какого уровня сайт сейчас можно собрать прямо с телефона. Открыл Telegram, описал задачу агенту и смотрел, что получится. Через 16 минут сайт был готов, ещё 2 минуты заняла публикация. Получился мой персональный сайт с кейсами по ИИ, анимацией и нормальной мобильной версией.

Три года назад результат первого запуска, по моей оценке, стоил бы минимум 40 000 рублей (пост №107) и занял бы явно не семь минут: бриф, макет, согласования, правки, вёрстка, адаптация под телефон, публикация. Но меня удивила не столько скорость, сколько сам способ работы. Не пришлось садиться за компьютер, раскладывать задачу по этапам и вручную переносить результат из одного сервиса в другой. Я сформулировал, что хочу получить, а дальше работа ушла на сервер.

Почему это делает не «голая» модель, а агент

Языковая модель сама по себе отвечает текстом. Сайт появляется, когда вокруг неё есть агент - программа, которая получает задачу, вызывает инструменты и проверяет результат.

В первом запуске мой Telegram-бот был связан с Hermes. Если без терминов, Hermes работает как старший агент на сервере: принимает задачу, разбирает исходные материалы, подключает нужные инструменты и агентов, соединяет их работу, проверяет результат и доводит дело до публикации.

Во втором запуске модель скорее думала и принимала решения, а агент работал руками: создавал файлы, запускал команды, открывал сайт в браузере, находил ошибки и публиковал готовый результат. Обвязка вокруг модели выглядела так:

• Claude Design (официально в России не работает) отвечал за структуру и визуальное направление;
• инструменты агента создавали и редактировали код и файлы;
• рендеринг через браузер показывал, как сайт выглядит в реальности;
• отдельные проверки прогоняли версии для компьютера и телефона;
• навык публикации собирал проект и разворачивал его на Vercel.

Claude Design - инструмент Anthropic для дизайна, прототипов и одностраничников в диалоге с Claude. На 11 октября 2026 года он доступен на тарифах Free, Pro, Max, Team и Enterprise, то есть и на бесплатном. Им можно пользоваться в обычном чате и в Claude Code (официально в России не работает), а готовый дизайн - выгрузить в HTML или передать в Claude Code (тоже официально в России не работает) для работы с кодом. Отдельная версия на claude.ai/design закрывается 14 декабря 2026 года. Claude, а значит и Claude Design, официально в России не работает.

Vercel - хостинг, на который агент выкладывает собранный сайт; оба моих сайта получили адреса вида имя.vercel.app.

Что происходит между сообщением и ссылкой

С телефона вы только отправляете задачу и получаете ссылку. Всё между этими шагами выполняется на сервере, где работает агент: телефон здесь - пульт.

Что подготовить, чтобы повторить

Рабочее место агента на сервере настраивается один раз и заранее. Минимальный набор:

1. Сервер с агентом. Сервер - удалённый компьютер в интернете, на котором работает агент. Один из готовых вариантов - открытый Hermes Agent от компании Nous Research (лицензия MIT). По документации, он не привязан к ноутбуку: его запускают на сервере и пишут ему из Telegram и других мессенджеров. Он расшифровывает голосовые, читает и пишет файлы, выполняет команды в терминале, управляет браузером и может запускать вспомогательных агентов. Ставится на собственный виртуальный сервер (VPS) по инструкции в репозитории проекта. В маркетплейсе Yandex Cloud есть и готовая виртуальная машина с предустановленным Hermes Agent, где Telegram-бота можно привязать при установке.
2. Модель. Агенту нужен доступ к языковой модели через API. Hermes Agent работает с разными поставщиками, например OpenAI (официально в России не работает) или собственным адресом подключения, а модель меняется командой hermes model.
3. Telegram-бот. Бот создаётся через @BotFather. В Hermes Agent его токен прописывается в настройках агента, а ваш числовой ID в Telegram - в список разрешённых пользователей (TELEGRAM_ALLOWED_USERS). Не пропускайте этот шаг: по документации без такого списка агент по умолчанию отказывает всем. Для голосовых нужен сервис расшифровки, в Hermes Agent есть локальный вариант без ключа API.
4. Доступ к хостингу. Агент публикует туда, куда у него есть доступ. У Vercel это команда vercel и токен доступа. Учтите: по документации Vercel первое развёртывание нового проекта всегда идёт в production, то есть на основной адрес проекта, даже без отдельного флага --prod.
5. Исходники. Описание продукта, тексты, ролики, кейсы. Крупные файлы лучше заранее положить на сервер: через обычный Bot API бот может скачать файл не больше 20 МБ.

Как сформулировать задачу

Хорошая задача говорит агенту, где лежат исходники, что считать готовым результатом, какие проверки обязательны и что прислать в ответ. Пример формулировки (это образец, а не текст моего сообщения):

Собери одностраничный сайт продукта.
Исходники: описание в файле product.md, ролики в папке videos.
Из описания возьми смысл и структуру, из роликов - палитру и характер движения.
Нужны светлая и тёмная темы и нормальная версия для телефона.
Проверь страницу в браузере на ширине компьютера и телефона, исправь ошибки.
Опубликуй и пришли ссылку.

Как проверить сайт, прежде чем отправлять ссылку

Агент проверяет страницу сам, но ссылку увидят ваши клиенты. Перед отправкой откройте сайт сами и пройдите короткий список:

• страница открывается по ссылке не только у вас, например в другом браузере;
• на телефоне нет горизонтальной прокрутки, текст читается без увеличения;
• работают кнопки, переключатель темы и видео, ссылки ведут туда, куда нужно;
• факты, цены и обещания на странице взяты из ваших исходников, а не дописаны моделью;
• текст хорошо отделяется от фона, а по кнопкам и ссылкам можно пройти клавишей Tab на компьютере;
• сайт опубликован там, где вы ожидали, и его можно показывать посторонним.

Ограничения и где способ не подойдёт

• Время не норматив. 7 и 18 минут получились на уже настроенном агенте, а в первом запуске описание и ролики были готовы заранее. Если нет текста, визуального направления и доступа к хостингу, уйдёт больше времени.
• Демо и рабочий сайт - разные задачи. Так удобно собирать демо продукта, личную страницу или тест идеи. Сайт с оплатой, формами для персональных данных, интеграцией с CRM и юридическими проверками за несколько минут не проверить.
• У агента широкие права: терминал на сервере и токен хостинга. Ограничьте, кто может писать боту, держите токен бота в секрете и давайте агенту доступ только к нужному проекту на хостинге. Попросите агента хранить код сайта в системе версий, например Git: если очередная правка что-то сломает, можно будет вернуться к прошлой версии.
• Условия сервисов. Claude и Claude Design официально в России не работают. Бесплатный тариф Vercel Hobby по правилам Vercel предназначен только для личного некоммерческого использования, для сайта компании нужен платный тариф. В условиях использования Vercel (редакция от 19 октября 2026 года) Россия не упоминается, а пользователь заверяет, что сам не находится под санкциями и не использует сервис в связи с такими лицами или в их интересах. Официального заявления Vercel о работе в России на 20 октября 2026 года я не нашёл, поэтому до запуска проверьте, открывается ли сайт у ваших посетителей. Сам Hermes Agent бесплатный, но за сервер и обращения к модели платите вы.

Куда это можно развить

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

Частые вопросы