Сайт без кода с ИИ-агентом — как собрать лендинг за вечер, описав его словами

Чтобы сделать сайт без кода, откройте ИИ-агента (OpenCode, Codex или Claude Code) в пустой папке и опишите сайт обычными словами. Например: «Сделай одностраничный сайт кофейни: шапка, большое фото, меню, отзывы, как добраться и кнопка "Забронировать стол"». Агент создаст файлы страницы, а вы откроете её в браузере и будете править словами: «кнопку больше и оранжевой», «меню в две колонки». Простой лендинг так собирается за вечер, без конструктора и абонентской платы.

Почему не конструктор

Конструкторы сайтов удобны, но у них есть потолок: шаблоны, абонентская плата, ограничения на нестандартные вещи. С ИИ-агентом вы получаете обычный сайт из файлов. Его можно разместить где угодно и менять как угодно.

Минус тоже есть: за сайт отвечаете вы. Хостинг, домен и обновления — ваша забота, а не платформы.

Шаг 1. Подготовьте содержимое

ИИ хорошо делает вёрстку, но не знает вашего бизнеса. Заранее соберите в один текстовый файл:

• название, чем вы занимаетесь, для кого;
• услуги или меню с ценами;
• контакты, адрес, часы работы;
• 2–3 отзыва, если есть;
• фото — положите их в папку проекта.

Чем точнее материалы, тем меньше придётся переделывать.

Шаг 2. Первый запрос

Откройте агента в пустой папке и напишите:

Сделай одностраничный сайт для кофейни «Утро».
Блоки: шапка с названием, большое фото (photo1.jpg), меню из файла menu.txt,
отзывы, как добраться, кнопка «Забронировать стол», ведущая на телефон.
Сайт должен хорошо выглядеть на телефоне. Покажи, как открыть его в браузере.

Если агент умеет работать в режиме плана (в OpenCode — Plan по клавише Tab), сначала попросите план. Так вы договоритесь о структуре до того, как он напишет файлы.

Шаг 3. Правки словами

Откройте страницу в браузере и говорите, что поменять, конкретно:

• «Кнопку брони сделай больше и оранжевой».
• «Меню в две колонки, цены справа».
• «Шрифт заголовков покрупнее, а фон чуть теплее».

Одна-две правки за раз. Если агент что-то сломал, откатите изменение: в OpenCode — командой /undo, в других агентах — через историю Git.

Шаг 4. Проверьте на телефоне

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

Шаг 5. Публикация

Готовый сайт из файлов можно разместить на любом хостинге статических сайтов. Попросите агента: «Подготовь сайт к публикации и объясни по шагам, как разместить его на хостинге». Домен покупается отдельно и привязывается к хостингу.

Частые ошибки

• Слишком общий запрос. «Сделай красивый сайт» даёт шаблонный результат. Описывайте блоки и содержимое.
• Нет своих текстов и фото. Агент придумает «рыбу», и сайт будет выглядеть ненастоящим.
• Много правок за раз. Агент путается, и что-то ломается. Лучше по одной.
• Не проверили на телефоне.
• Форма отправки «в никуда». Если на сайте форма заявки, попросите агента объяснить, куда уходят заявки, и проверьте сами.

А если нужен не сайт, а магазин

Когда нужно продавать: принимать оплату и автоматически выдавать курсы или файлы, — самописный сайт требует серьёзной работы с безопасностью. В таком случае проще готовая платформа, а ИИ оставить для контента. Этот блог, например, работает на платформе rercon.tech.

Какой агент взять

Бесплатно — OpenCode (пошагово) или Codex в бесплатном ChatGPT (установка). Не можете выбрать — есть схема выбора ИИ для программирования.

Больше примеров

Какие сайты и сервисы я собираю с ИИ-агентами и где они ошибаются, показываю в Telegram-канале. Там же анонсы курсов по вайбкодингу.

Если из сайта нужно делать продажи, не пишите оплату самому: подключите платформу RERCON — магазин, оплата и выдача доступа уже готовы.

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

Можно ли сделать сайт без кода с помощью ИИ?

Да. Опишите сайт словами ИИ-агенту — OpenCode, Codex или Claude Code, — он создаст файлы страницы, а правки вы тоже вносите словами.

Сколько времени нужно, чтобы сделать лендинг с ИИ?

Простой одностраничный сайт — вечер, если тексты и фото подготовлены заранее.

Нужен ли конструктор сайтов?

Нет. ИИ-агент делает обычный сайт из файлов, который можно разместить на любом хостинге. Но за хостинг, домен и обновления отвечаете вы.

Как опубликовать сайт, сделанный ИИ?

Разместите файлы на хостинге статических сайтов и привяжите домен. Попросите агента подготовить сайт к публикации и объяснить шаги.

Можно ли так сделать интернет-магазин?

Можно, но приём оплаты и выдача товаров требуют серьёзной работы с безопасностью. Для продаж проще готовая платформа, а ИИ использовать для контента.