Теперь и в России можно делать крутые сайты просто болтая с ChatGPT или Claude
В этой статье я расскажу о новом сервисе, который позволяет вам создавать сайт с ChatGPT или Claude, просто болтая с ними. И магия в том, что эти сайты сразу оптимизированы для поиска, на них сразу есть форма заявок и много других ништяков.
ИИ-агент пишет страницы сайта по текстовому описанию, а сервис берёт на себя адрес, хостинг, файлы и приём заявок. В роли агента — Claude Code, в роли сервиса — LidFly (Лидфлай).
Сразу честно: LidFly — наш сервис, и этот разбор — часть нашего курса по маркетингу с нейросетями. Мы не «нашли инструмент в интернете», мы рассказываем, как сами собираем сайты клиентам. Поэтому ниже будет не только «как нажимать кнопки», но и где этот подход проседает и кому он не подойдёт — иначе грош цена такому гайду.
Итак, что мы вообще собираем
На пальцах. Вся конструкция — это три кубика.
- ИИ-агент (Claude Code, запущенный в редакторе кода VS Code) — пишет HTML-страницы по вашему текстовому ТЗ.
- Сервис-основа (LidFly) — даёт адрес сайта, хранит файлы, отдаёт страницы в интернет.
- Форма заявок — собирает лиды и складывает их в личный кабинет.
Ключевая разница с тем, что обычно понимают под «ИИ сделает сайт»: это не «нажми одну кнопку — получи готовый сайт». Ты остаёшься режиссёром. Агент — это очень быстрый верстальщик, который не спорит и не уходит на обед выходные, но и не угадывает за тебя смысл бизнеса. ТЗ всё равно твоё.
Почему так вообще стало возможно. Раньше «сделать сайт» означало либо учить HTML и CSS, либо осваивать конструктор. Теперь появился третий путь — диктовать словами.
Интересно. У этого способа уже есть название — vibe coding. Термин в феврале 2025 пустил в оборот Андрей Карпати, сооснователь OpenAI и бывший глава ИИ-направления в Tesla: идея в том, что ты «поддаёшься вайбу», описываешь задачу обычным языком, а модель пишет код (первоисточник — его пост в X, февраль 2025). За год подход из полушутки превратился в рабочий инструмент, и сайты — самый понятный его пример.
Чем это отличается от Tilda, Wix и других конструкторов
Поле плотное. По Вордстату на 8 июня 2026 года «конструктор сайтов» ищут 56 306 раз в месяц, «создать сайт бесплатно» — 25 679. Это территория Tilda, Wix, Битрикса, банковских конструкторов. ИИ-ниша пока меньше, но растёт быстро: «ии для создания сайта» — 5 464, «нейросеть для создания сайтов» — 2 948. Рядом уже бегают чистые ИИ-сайтбилдеры — Lovable (698 запросов), Dora AI, Wix ADI.
Так что же выбрать? Тут нет «лучшего» инструмента, есть удобный под задачу.
- Конструктор силён, когда нужен визуальный контроль мышкой и готовые шаблоны под типовую задачу. Видишь блок → таскаешь блок.
- ИИ-агент силён, когда структура нестандартная, правок много, а описывать словами быстрее, чем искать нужный блок в меню. Диктуешь → проверяешь.
Вывод. Связка «агент + сервис» — это не замена конструктору, а другой способ управления: диктовка вместо drag-and-drop. Кому-то ляжет, кому-то нет — и это нормально, попробовать стоит обоими способами.
Шаг 1. Заводим адрес сайта
Поехали. Дальше всё на сквозном примере — соберём сайт для психолога. Ниша выбрана не случайно: «сайт для психологов» ищут 1 750 раз в месяц, это массовый запрос частнопрактикующих специалистов без своего айтишника.
В личном кабинете LidFly:
- открываем вкладку «Сайты» → «Создать сайт»;
- вводим название — пусть будет «Сайт для психолога» — и жмём «Создать адрес»;
- сайт сразу заводится на поддомене вида имя.lidfly.ru, позже к нему можно подключить свой фирменный домен.
Зайти на сайт можно уже сейчас, но там пусто. Это нормально — мы только что получили адрес, содержимого ещё нет. Каркас есть, начинку добавим следующим шагом.
Шаг 2. Описываем главную страницу словами
Это сердце всего подхода, поэтому здесь подробно.
Запускаем Claude Code в VS Code и даём базовый промпт:
Создай главную страницу для нашего сайта, используя инструменты LidFly.
Дальше — самое важное. В то же ТЗ мы сразу зашиваем параметры, которые для нас критичны. Из урока — три рабочих примера:
- про картинки: «не генерируй изображения, бери их из интернета» (про юридическую засаду этого приёма — отдельно в Шаге 5, она серьёзная);
- про содержание: «упомяни опыт работы и цену за консультацию»;
- про настроение: «сделай всё в спокойных тонах».
Принцип простой: чем конкретнее ТЗ, тем меньше итераций. Размытый промпт экономит тридцать секунд на написании и потом съедает полчаса на переделках.
Например, два промпта на одну задачу:
- Слабый: «сделай красивый сайт психологу».
- Рабочий: «сделай главную для психолога: первый экран с оффером про работу с тревогой и выгоранием, блок об опыте (8 лет практики), цена консультации 3 500 ₽, спокойная сине-бежевая палитра, без стоковых улыбок».
Второй вариант агент поймёт почти без переспросов, потому что в нём есть конкретика — оффер, цифры, ограничения по стилю. Это общий закон работы с ИИ: спускайся от общего («сайт психологу») к частному («этот экран, этот оффер, эта цена»).
Когда агент закончил, смотрим результат прямо в браузере. Получилась живая главная страница, которую теперь можно править как угодно.
Шаг 3. Правим готовую страницу скриншотом
Тут начинается приятное. Claude Code понимает не только текст, но и картинки — а значит, правку можно показать, а не описать.
Допустим, в одном блоке мы хотим добавить адрес офиса и возможность очной встречи. Делаем так:
- делаем скриншот нужного блока страницы;
- отправляем его агенту с правкой: «упомяни в описании возможность очной встречи по адресу».
Агент находит этот блок и дописывает строку. Обновляем страницу — текст на месте.
Почему скриншот работает лучше слов. Когда ты пишешь «поправь блок про услуги», агент гадает, какой именно. Когда прикладываешь картинку — он видит контекст: что за блок, что вокруг, какого он стиля. Показать всегда точнее, чем описать — это справедливо и для людей, и для моделей.
Цикл получается коротким: правка → агент сделал → обновили страницу → посмотрели → следующая правка. По нашему опыту черновик главной — это несколько итераций подряд; строгих замеров по времени мы не делали, у вас будет свой ритм в зависимости от того, насколько чёткое ТЗ.
Шаг 4. Добавляем форму заявок
Сайт без формы — это визитка. Сайт с формой — это канал заявок. Разница принципиальная, поэтому форму делаем обязательно.
Промпт агенту:
Сделай новую страницу с формой заявки на консультацию по почте или телефону. Добавь кнопку «Записаться» на главную.
Агент создаёт отдельную страницу с формой и проставляет кнопку. Обновляем сайт — по кнопке «Записаться» открывается страница с формой. Когда человек её заполнит, заявка появляется в личном кабинете LidFly.
Здесь важная деталь, и подадим её честно. По заявлению сервиса, приём заявок не требует отдельной настройки и дополнительной платы — это входит в основной тариф. Мы передаём это как заявление LidFly, а не как наш независимый замер: проверьте условия своего тарифа в кабинете. «Форму заявки на сайт» ищут 644 раза в месяц — спрос на сам этот узел есть, и обычно именно он у новичков отваливается в отдельный платный сервис.
Шаг 5. Меняем свои картинки и файлы
Часто на готовой странице нужно заменить картинку на свою — настоящее фото специалиста, а не стоковую улыбку.
- открываем вкладку «Файлы» → «Загрузить», выбираем свой файл;
- делаем скриншот блока, где меняем изображение;
- копируем путь к загруженному файлу и пишем агенту: «замени фотографию в этом блоке на [путь]».
Агент подставляет файл, перезагружаем страницу — фото на месте.
И вот теперь обещанная засада. В Шаге 2 был приём «бери картинки из интернета». На демонстрации это выглядит безобидно, но в реальном сайте — это прямой юридический риск.
Картинка из поисковой выдачи почти всегда кому-то принадлежит. По части 4 Гражданского кодекса РФ у любого изображения есть правообладатель, и «я взял из Гугла» — не индульгенция: за чужое фото на коммерческом сайте можно получить претензию и требование компенсации. Уровень уверенности здесь — твёрдый, это не наше мнение, а норма закона.
Что брать вместо этого:
- свои съёмки — идеально для услуг с личным брендом;
- лицензионные стоки, в том числе бесплатные с понятной лицензией — читайте условия использования;
- изображения, сгенерированные нейросетью под вашу задачу.
«Брать из интернета» оставьте для черновика-наброска, который никто не увидит. На боевой сайт — только то, на что есть право. Сервис https://lidfly.ru создаёт качественные боевые сайты.
Где это ломается и кому не подойдёт
Теперь честная часть, без которой гайд был бы рекламой.
- Недетерминированность. Один и тот же промпт может дать разный результат — генеративные модели так устроены. Поэтому каждую страницу надо проверять глазами, а не принимать вслепую.
- Качество кода, скорость загрузки, адаптивность, SEO. В уроке это не измерялось, и мы честно пишем: надёжных замеров у нас нет. Проверяйте на своём сайте — откройте его на телефоне, прогоните через любой бесплатный тест скорости.
- Зависимость от платформы. Сайт живёт на инфраструктуре сервиса. Это смягчается тем, что LidFly показывает экспорт — следующий урок курса как раз про перенос сайта на WordPress. Выход предусмотрен, но он — отдельный шаг.
- Цены и лимиты. В видео их не показывали. Не верьте обещанию «бесплатно навсегда» по умолчанию — откройте тариф и посмотрите, что входит, а за что платите.
Кому подход честно не подойдёт:
- большому интернет-магазину на тысячи товаров со сложной логикой;
- проектам с жёстким брендбуком, где согласован каждый отступ;
- корпоративным сайтам с интеграциями в учётные системы.
Для лендинга услуги, сайта-визитки, посадочной под рекламный трафик — заходит отлично. Для энтерпрайза берите профильную команду.
Чеклист запуска и типичные ошибки
Короткий чеклист «собрать за вечер»:
- завести адрес сайта в кабинете;
- сгенерировать главную подробным промптом;
- внести правки скриншотами;
- добавить страницу с формой заявок и кнопку;
- загрузить свои фото вместо стоковых;
- открыть сайт на телефоне и проверить вёрстку;
- отправить тестовую заявку и убедиться, что она пришла в кабинет.
Грабли, на которые наступают чаще всего:
- размытое ТЗ — «сделай красиво» вместо конкретики, потом десять переделок;
- картинки из интернета на боевом сайте — см. Шаг 5, это про деньги и претензии;
- не проверил мобильную версию — половина трафика с телефонов увидит сломанную вёрстку;
- не отправил тестовую заявку — форма есть, а лиды в кабинет не доходят, и ты узнаёшь об этом через неделю тишины;
- принял первый результат без правок — ИИ выдаёт черновик, а не финал;
- оставил текст-рыбу — агент напишет общие слова про «профессионализм и индивидуальный подход», а оффер и смысл — это всё ещё ваша работа.
ИТОГ
СВЯЗКА «ИИ-АГЕНТ + СЕРВИС» ДАЁТ МАЛОМУ БИЗНЕСУ РАБОЧИЙ САЙТ С ФОРМОЙ ЗАЯВОК ЗА ОДИН ВЕЧЕР И БЕЗ ПОДРЯДЧИКА. Ты диктуешь текстом и скриншотами, агент верстает, сервис принимает заявки в кабинет.
Главное — не путать «быстро» с «бесплатно и идеально». Смысл оффера, проверка на телефоне, легальные картинки и тестовая заявка остаются на вас. Но именно эта связка снимает главную боль: чтобы поправить строчку на сайте, больше не нужно ждать верстальщика — а через полгода вы поддерживаете сайт сами.
Прикладной шаг на эту неделю: заведите адрес, соберите одну главную страницу подробным промптом и отправьте себе тестовую заявку. Этого хватит, чтобы понять, ваш это способ или нет.
А дальше — перенос на свой движок: следующий разбор будет про переезд сайта на WordPress.
Расскажите в комментариях: пробовали собирать сайт через ИИ-агента? Что вышло, где спотыкались, какой промпт сработал лучше всего — соберём рабочие приёмы вместе.
FAQ
Можно ли сделать такой сайт бесплатно? Старт на поддомене дешевле и проще, чем своя студия, и запрос «создать сайт ии бесплатно» (1 257/мес) показывает, что бесплатного хотят все. Но «бесплатно навсегда» мы не обещаем: откройте тариф сервиса и посмотрите, что входит в базу, а за что идёт доплата. Честный ответ — «дёшево на старте», а не «ноль рублей».
Какая нейросеть лучше для создания сайта? Нет «лучшей» в вакууме — есть подходящая под задачу. В нашем уроке это Claude Code, потому что он умеет работать с файлами и понимает скриншоты. Рядом есть Lovable, Dora AI и другие ИИ-сайтбилдеры — у них другой формат. Берите тот, что встроен в ваш рабочий процесс.
Нужно ли уметь программировать? Для базового сайта-визитки и лендинга — нет, хватает умения внятно формулировать ТЗ. Код пригодится, когда захочется чинить сложное или тонко настраивать то, что агент сделал «почти как надо».
Как сделать форму заявки на сайт? Отдельной страницей через тот же текстовый промпт: просите агента создать страницу с формой и кнопкой «Записаться». Заявки падают в личный кабинет — отдельный сервис рассылки на старте не нужен.
Сколько времени это занимает? Черновик главной реально собрать за вечер. Точных замеров мы не делали — время зависит от того, насколько чёткое у вас ТЗ и сколько правок захочется внести. Чем подробнее первый промпт, тем быстрее финиш.
Можно перенести сайт на свой домен или WordPress? Свой домен подключается сразу вместо поддомена. Перенос на WordPress — отдельная история, ей посвящён следующий урок курса. Платформа не запирает вас намертво.