Интернет-магазин нейросетью: где заканчивается прототип и начинается работа

Вы описываете модели свой магазин — сорок товаров, корзина, доставка по России, — и в ответ получаете работающую витрину: карточки, фильтры, подсчёт суммы. Потом нажимаете «Оформить заказ», и не происходит ничего. И не произойдёт: в артефакте заблокированы все сетевые запросы, платёж физически некуда отправить.

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

Артефакт — это один самодостаточный файл: html со встроенными стилями и скриптами либо react-компонент, который объявляется как function App(), а платформа монтирует его сама. Песочница блокирует сеть целиком: ни запроса к платёжному шлюзу, ни подключения к базе, ни картинки по внешней ссылке. Библиотеки берутся с локальной полки /lib/v1/ и подключаются без интернета — Tailwind, Chart.js 4, SheetJS, PapaParse, decimal.js, jsPDF, Lucide, SortableJS и другие, — но наружу артефакт не выходит принципиально, и это касается любого артефакта.

У проектов ограничение другое. Там настоящий сервер на runtime node, npm-зависимости и CDN работают, превью открывается во фрейме на домене e2b.app. Но песочница живёт 60 минут, после чего облако её гасит: файлы остаются у платформы, повторный запуск собирает всё заново. Час работающего адреса — это не хостинг магазина, и проекты на эту роль не претендуют.

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

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

Зоны доставки, пороги бесплатной отправки, промокоды, скидка за объём — обычная арифметика, которую в артефакте видно сразу. Важная деталь: просите считать деньги через decimal.js с локальной полки. В обычных числах с плавающей точкой копейки уплывают, и итог в корзине начинает расходиться с суммой позиций.

Кухня по размерам, букет по составу, торт по весу и начинке, окно по профилю — всё, где цена собирается из вариантов. Пользователь щёлкает опции, цена пересчитывается, итоговая спецификация выводится текстом или уходит в PDF через jsPDF. Такой конфигуратор обычно и есть главный вопрос к будущему магазину: понятно ли людям, за что они платят.

У вас уже есть прайс в xlsx или выгрузка в csv. SheetJS и PapaParse лежат в песочнице локально, поэтому артефакт разбирает файл прямо в браузере и раскладывает строки по карточкам — без сервера и без отправки данных куда-либо, сеть же закрыта. Если нужна не витрина, а рабочая таблица с сортировкой и фильтрами, тем же приёмом собирается интерфейс на Tabulator или AG Grid Community.

Html- и svg-артефактом можно поделиться по ссылке, и получателю не нужна регистрация — открыл и потыкал. У артефакта есть картинка-превью: она видна на карточке в чате и подтягивается в мессенджер вместе со ссылкой. Разработчику или подрядчику кликабельный прототип объясняет задачу быстрее, чем документ, а сам документ после этого пишется короче — если нужен каркас требований, посмотрите фреймворк промптов на ТЗ.

Собери html-артефакт: витрина интернет-магазина для проверки спроса.

Товары — массив прямо в коде, 12 позиций: название, короткое описание, цена в рублях, категория, вариант (размер или объём), остаток на складе. Ниша: керамика ручной работы, категории придумай сам.

Что должно работать:
- сетка карточек, фильтр по категории, сортировка по цене;
- карточка открывает окно с описанием и выбором варианта;
- корзина: добавить, изменить количество, удалить, итог с учётом остатка;
- доставка: самовывоз 0 руб., курьер по городу 350 руб., пункт выдачи 450 руб., бесплатно от 5000 руб.;
- промокод SALE10 — минус 10 процентов на товары, доставку не трогает;
- кнопка «Оформить» собирает состав заказа в текстовый блок, который можно скопировать.

Все денежные расчёты — через decimal.js из локальной полки /lib/v1/, не через обычные числа с плавающей точкой. Картинки не подгружай по ссылкам — сеть в артефакте закрыта, вместо фото рисуй плашки кодом. Данные, стили и скрипты — только внутри файла. Мобильная вёрстка обязательна.

По умолчанию отвечает Gemini 3.7 Flash — она открыта на бесплатном тарифе и держит контекст 1 048 576 токенов, так что в один разговор помещается и прайс, и весь код витрины. Из бесплатного набора есть ещё Qwen3.8 Max. Для сложной вёрстки с состоянием чаще берут Claude Sonnet 5 или GPT-5.6 Terra, но обе доступны с тарифа «Старт».

Разница по тарифам не только в моделях: на бесплатном открыты 52 модели из 95, на «Старте» и «Стандартном» — 81, на PRO и выше — все 95. Бесплатные модели не тратят нейроны и не расходуют лимит сообщений, поэтому черновики вёрстки удобно гонять на них, а платную звать под финальную сборку — на бесплатном тарифе к платным моделям 15 сообщений каждые 4 часа. Если каталог мешает выбирать, включите режим «Лайт»: вместо списка моделей там сценарии, а в режиме «Задачи» среди них — «Код и разработка» и «Экономный агент». Подробнее: какую модель выбрать и как тратить меньше нейронов.

Собери html-артефакт: конфигуратор цены для товара под заказ.

Ниша: кухня на заказ. Параметры: длина в метрах (от 1,5 до 6 с шагом 0,5), материал фасада (три варианта с разной ценой за метр), столешница (три варианта), фурнитура (обычная или с доводчиками), сборка (да или нет).

Что должно работать:
- цена пересчитывается сразу при смене любого параметра;
- рядом с итогом — расшифровка построчно, из чего сложилась сумма;
- кнопка «Скачать спецификацию» собирает PDF через jsPDF, таблицу позиций рисуй jsPDF-AutoTable;
- заметная строка о том, что цена предварительная и офертой не является.

Все расчёты — через decimal.js, округление до копеек в самом конце, а не на каждом шаге. Библиотеки только с локальной полки /lib/v1/, никаких CDN и запросов в сеть. Вся логика и данные — внутри одного файла.

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

Считать легко: минуты капают по факту работы, полчаса возни в песочнице — это 30 нейронов, около 90 ₽ при цене нейрона примерно 3 ₽. На «Старте» те же полчаса съедают весь суточный лимит проектов — там его 30 минут. Закрыли панель — уборщик гасит песочницу, и минуты перестают капать.

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