Создать лендинг нейросетью за вечер: структура, текст и ссылка, которой можно поделиться

Вы пишете в чат «сделай лендинг для моего курса» и получаете страницу: заголовок «Добро пожаловать», три колонки с иконками, кнопка «Узнать больше». Всё аккуратно свёрстано и ничего не продаёт.

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

В чате это html-артефакт — один самодостаточный файл со встроенными стилями и скриптами, который открывается в панели рядом с диалогом. Артефакты работают на всех тарифах, включая бесплатный, и не стоят нейронов сверх обычного ответа модели. Внутри уже лежат локальные библиотеки: Tailwind для вёрстки, Lucide и Font Awesome 6 для иконок, Chart.js 4 и ECharts 5 для графиков, anime.js и Motion One для анимации — интернет им не нужен. Как устроена механика в целом — в материале про артефакты в чате.

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

Продающая страница — это последовательность ответов на вопросы, которые читатель задаёт в строгом порядке: что это, при чём тут я, как это работает, почему вам верить, сколько стоит, что делать дальше. Сам порядок модель знает и без вас. Чего она не знает — ваших ответов, и именно их подставляет усреднёнными, если промолчать.

Первый экран читают все, остальное — по желанию. Заголовок здесь про результат клиента, а не про вас: не «Студия интернет-маркетинга полного цикла», а «Заявки на ремонт квартир из контекстной рекламы, с оплатой за результат». Подзаголовок снимает главное возражение, кнопка на экране одна.

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

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

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

Собери одностраничный лендинг как HTML-артефакт: один самодостаточный файл, встроенные CSS и JS. Никаких обращений в интернет — шрифты системные, иконки и графика внутри файла.

ПРОДУКТ
Что продаём: [одно предложение]
Кому: [сегмент максимально узко — не «бизнесу», а «владельцам студий маникюра на два-четыре кресла»]
Цена и условия: [цена, срок, что входит]
Чем отличаемся от ближайшей альтернативы: [1-2 проверяемых отличия]
Целевое действие: [заявка / запись на созвон / скачивание]

ФАКТЫ, КОТОРЫМИ МОЖНО ПОЛЬЗОВАТЬСЯ
Возражения клиентов дословно: [3-5 фраз, как они реально написаны]
Подтверждения: [только те цифры, сроки и гарантии, которые я перечислил]

СТРУКТУРА, В ЭТОМ ПОРЯДКЕ
1. Первый экран: заголовок = результат клиента + срок или условие; подзаголовок снимает главное возражение; одна кнопка.
2. Боль: три пункта словами клиента из списка выше, без обобщений.
3. Решение: как устроена работа, 3-4 шага, у каждого — что клиент получает на руки.
4. Доказательства: только мои факты. Отзывы, логотипы, награды и статистику НЕ ВЫДУМЫВАЙ. Не хватает данных — поставь заглушку «[сюда отзыв]» и в конце ответа перечисли, чего тебе не хватило.
5. Тарифы: [2-3 пакета] таблицей, средний выделен, у каждого подпись «кому подходит».
6. Форма: поля [перечислить], валидация на клиенте, после отправки — состояние «Заявка принята» и заметная пометка, что это прототип и данные никуда не уходят.
7. Подвал: [контакты, юрлицо, ссылка на политику].

ТЕКСТ
По-русски, короткими предложениями. Без «мы — команда профессионалов», «инновационный», «под ключ». Заголовки блоков — не темы, а выводы. Абзац не длиннее трёх строк.

ОФОРМЛЕНИЕ
Адаптив от 360 px. Акцентный цвет [какой], фон нейтральный. Одна акцентная кнопка на экран. Вёрстка на Tailwind, иконки Lucide — они уже лежат локально, тянуть их с CDN не нужно.

СНАЧАЛА покажи структуру и заголовки блоков списком и дождись моего «ок». Артефакт собирай только после этого.

Если на странице нужен не текст, а поведение — калькулятор стоимости, слайдер «сколько заявок в месяц», переключатель тарифов с пересчётом, — просите react-артефакт. Компонент объявляется как function App(), платформа монтирует его сама. Импорты разрешены ровно из четырёх пакетов: react, react-dom, recharts для графиков и lucide-react для иконок; любой другой пакет уронит артефакт. Механика подробно разобрана в материале про React-артефакты.

Данные для такого демо вшиваются в код заглушкой: подтянуть их с сервера нельзя, сеть закрыта одинаково для html- и для react-артефактов. Если считаете деньги, в html-артефакте под рукой math.js и decimal.js — во float деньги считать нельзя, копейки разъедутся на третьем умножении. Таблицу тарифов с сортировкой удобно делать на Tabulator, FAQ-аккордеон — на Alpine.js, перетаскивание блоков — на SortableJS, а коммерческое предложение в PDF собирает jsPDF.

Песочница артефакта блокирует все сетевые запросы. Ни fetch к вашему API, ни отправка в Telegram-бота, ни подключение стороннего сервиса форм, ни картинка по внешней ссылке — наружу не уходит ничего. Ровно поэтому библиотеки лежат локально, а данные для демо вшиваются в код заглушкой.

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

За проект платят временем песочницы: 1 нейрон за минуту работы. Сессия живёт 60 минут, потом облако её гасит — это штатно: файлы остаются у платформы, повторный запуск собирает всё заново. Минуты считаются по факту работы, поэтому упавший процесс время всё равно потратит; закрыли панель — уборщик гасит песочницу, и минуты капать перестают.

Суточный лимит зависит от тарифа: «Старт» — 30 минут, «Стандартный» — 60, PRO — 90, Ultra — 180, командные — 240; на бесплатном проектов нет вовсе. Работают они только в режиме «Задачи», и кнопку запуска нажимает человек — у модели такого инструмента нет, она умеет только создавать и править файлы. Рамки тоже стоит знать заранее: до 100 файлов, файл не больше 512 КБ, весь проект — до 5 МБ, до 20 версий и до 3 проектов на пользователя. Запущенное приложение показывается во фрейме на домене e2b.app, проект скачивается одним zip-архивом, а вкладка «Что изменилось» даёт построчный дифф между версиями — подробности в разборе проектов в чате.

Лендинг соберёт любая модель из каталога — активных в нём 95, но сколько открыто вам, зависит от тарифа: на бесплатном 52, на «Старте» и «Стандартном» 81, на PRO и выше все 95. Gemini 3.7 Flash стоит по умолчанию и работает на бесплатном тарифе, контекст — 1 048 576 токенов, туда влезет бриф вместе с расшифровкой созвона. Claude Sonnet 5 и GPT-5.6 Terra открываются с «Старта», на бесплатном из крупных доступен Qwen3.8 Max. Не хотите выбирать из списка — включите режим «Лайт», там вместо каталога сценарии; какой брать под что, разобрано в материале о том, какую модель выбрать.

Отдельных нейронов артефакт не стоит — вы платите только за ответ модели, которая его пишет. На бесплатном тарифе дают 100 нейронов один раз при регистрации (не каждый месяц), открыто 52 модели из 95 и действует лимит 15 сообщений к платным моделям каждые 4 часа; бесплатные модели нейронов не тратят и в этот лимит не попадают. Поиска в интернете на бесплатном нет: конкурентов и формулировки рынка модель за вас не соберёт, факты придётся принести самому.

Следующая ступень — «Старт» за 890 ₽: 300 нейронов (нейрон ≈ 3 ₽), 81 модель, 50 сообщений каждые 4 часа, поиск в интернете и 30 минут проектов в сутки. Дальше идут «Стандартный» за 2 690 ₽ (750 нейронов, 150 сообщений, 60 минут проектов) и PRO за 4 990 ₽ (1 650 нейронов, все модели каталога, без лимита сообщений, 90 минут) — сравнение ступеней собрано в разборе, какой тариф выбрать. Практический приём: структуру и черновики текста гонять моделью попроще, а финальную сборку артефакта отдавать сильной — так вечер правок обходится заметно дешевле, остальные приёмы в материале, как тратить меньше нейронов.

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