Сайт с помощью ИИ: от идеи до ссылки, которой можно поделиться

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

Стандартный результат — HTML-артефакт: один самодостаточный документ, где разметка, стили и скрипты лежат внутри одного файла (лимит — 1 МБ на версию, для одностраничника это с большим запасом). Поделиться по ссылке можно html- и svg-артефактом, и получателю не нужна регистрация — он просто открывает страницу в браузере. У артефакта есть картинка-превью: она видна на карточке в чате и подтягивается, когда вы отправляете ссылку в мессенджер. Как это устроено в интерфейсе, разобрано отдельно — в материале про артефакты в чате.

Создать сайт с помощью нейросети — полдела. Вторая половина — понимать, чем полученная ссылка не является: это одна страница по адресу платформы, без вашего домена, без вашего SSL, без панели управления и почты. Ссылкой удобно показывать работу заказчику, команде или подписчикам, но постоянным сайтом компании она не становится. Если нужен адрес вида вашеимя.ru, страницу переносят на хостинг — это штатный и самый частый сценарий, а не признак того, что что-то пошло не так.

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

У проектов свои рамки: до 100 файлов, файл не больше 512 КБ, весь проект — 5 МБ, до 20 версий и до 3 проектов на пользователя. Запуск стоит 1 нейрон за минуту работы песочницы (нейрон — примерно 3 ₽), сессия живёт 60 минут, после чего облако её гасит: файлы остаются у платформы, повторный запуск собирает всё заново. Суточные минуты зависят от тарифа: на бесплатном проектов нет вовсе, на «Старте» 30 минут, на «Стандартном» 60, на PRO 90, на Ultra 180, на командных тарифах 240.

Минуты считаются по факту работы песочницы: если процесс упал на второй минуте, эти две минуты всё равно списаны. Закрыли панель — уборщик гасит песочницу, и минуты капать перестают, так что держать проект запущенным «на всякий случай» не нужно. Превью запущенного приложения открывается во фрейме на домене e2b.app, готовый проект скачивается одним zip-архивом, а вкладка «Что изменилось» показывает построчный дифф между версиями. Кнопку «Запустить» нажимает только человек: у модели такого инструмента нет — она создаёт и правит файлы, ищет по ним и читает логи запуска.

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

Сделай HTML-артефакт: одностраничный сайт для <студии / курса / услуги>.

Аудитория: <кто эти люди и что им нужно>.
Главное действие посетителя: <оставить заявку / записаться / позвонить>.

Секции сверху вниз:
1. Первый экран: заголовок с конкретной пользой, подзаголовок в одно предложение, кнопка «<текст кнопки>».
2. Три блока «что вы получите»: короткий заголовок и два предложения в каждом.
3. Как проходит работа: 4 пронумерованных шага.
4. Цены: три тарифа карточками, средний визуально выделен.
5. Частые вопросы: 5 пар «вопрос — ответ», раскрываются по клику.
6. Форма заявки: имя, телефон, комментарий. Отправку не реализуй — по нажатию покажи сообщение «Заявка принята» прямо на странице.
7. Подвал с контактами.

Оформление: Tailwind, светлая тема, акцентный цвет <какой>, крупная типографика, спокойные отступы.
Вся графика и скрипты — внутри файла: сеть в артефакте заблокирована, внешние ссылки не загрузятся.
Мобильная вёрстка обязательна.
Тексты по-русски, без слов «инновационный», «под ключ», «команда профессионалов».

Второй заход — про текст. Модель хорошо раскладывает ваши факты по секциям и плохо угадывает то, чего вы не сказали, поэтому отдайте ей готовый список данных и явно запретите домысливать. Если хочется системного подхода к описанию задачи, посмотрите фреймворк промптов на лендинг — там та же логика, разложенная по полкам.

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

Название: ...
Что делаем: ...
Для кого: ...
Цены и что входит: ...
Сроки: ...
Чем отличаемся — 3 пункта: ...
Города или формат работы: ...
Контакты: ...

Перепиши тексты на странице под эти факты по правилам:
— в заголовке первого экрана называй результат клиента, а не нас;
— никаких цифр, дат и фактов, которых нет в списке выше;
— в каждом блоке не больше 40 слов;
— если данных на секцию не хватает, удали секцию, а не придумывай наполнение;
— в конце перечисли, каких сведений тебе не хватило.

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

Замени все изображения на странице собственной графикой без обращения к сети:
— первый экран: фоновый CSS-градиент <два цвета> и поверх него абстрактная SVG-фигура;
— вместо фотографий в карточках — иконки Lucide, они подключены локально;
— вместо скриншота продукта — нарисуй SVG-макет интерфейса: рамка окна, серые полоски вместо текста, один цветной блок-акцент;
— вместо логотипов клиентов — одинаковые по высоте SVG-плашки с названиями, серые;
— диаграмму собери на Chart.js, данные вшей прямо в код.

Ни одного тега img с внешним адресом: сеть заблокирована, такие картинки не загрузятся.
Покажи страницу целиком в новой версии артефакта.

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

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

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

Цены на случай, если упрётесь в лимиты: «Старт» — 890 ₽ и 300 нейронов, «Стандартный» — 2 690 ₽ и 750 нейронов, PRO — 4 990 ₽ и 1 650 нейронов без лимита сообщений, Ultra — 9 990 ₽, 3 350 нейронов и 2 места. Нейрон — примерно 3 ₽, так что час запущенного проекта стоит около 60 нейронов. Что из этого нужно под вашу нагрузку, разобрано отдельно: какой тариф выбрать и как тратить меньше нейронов.

Самый дешёвый способ проверить всё написанное — открыть чат и попросить одну страницу по первому промпту, подставив свои данные. Артефакты на бесплатном тарифе работают целиком: при регистрации дают 100 нейронов один раз, не ежемесячно, а бесплатные модели их не тратят и не расходуют лимит в 15 сообщений к платным моделям каждые 4 часа. Когда упрётесь в лимиты или захотите Claude Sonnet 5, поиск в интернете и 30 минут проектов в сутки, следующая ступень — тариф «Старт» за 890 ₽ с 300 нейронами. На первую страницу уйдёт один запрос и пара правок, а решение про домен и хостинг вы примете позже — когда будет что переносить.