Полки с фильтрами
Жанр, автор, обложка, цена и наличие. Покупатель сужает выборку за пару кликов.
Витрина · книжный магазин
312 книг
Все жанры
Романы
Детективы
Нон-фикшн
Детям
до 700 ₽
Тихий свет над рекой
690 ₽
Дело о втором этаже
540 ₽
Как читать города
1 120 ₽
В корзине 2 книги · 1 230 ₽
Оформить заказ
подтверждён
Заказ №1042 · выдача в зале · 1 230 ₽
Магазин без программиста
Книжный магазин: витрина, корзина и заказы в одном файле
Покупатель листает полки и оформляет заказ сам. Вы видите его в списке, а не в переписке, и меняете цену в карточке, а не в блокноте. Собирается по инструкции из 7 шагов — без кода и подписки.
5 млн токенов бесплатно · файл остаётся у вас
Полки и заказ в один клик
Три вечера, которые заканчиваются одинаково
Пока каталог живёт в блокноте, каждый вопрос о наличии — ручная работа. Вот как те же вечера проходят с полками в одном файле.
22:40, пятница
«А есть в твёрдой обложке?»
Покупатель пишет в мессенджер и ждёт ответа. Вместо поиска по тетрадям он открывает витрину, ставит фильтр «твёрдая обложка» и оформляет заказ.
12:15, суббота
Три покупателя сразу
У окна выбирают подарок, у кассы спрашивают цену, в телефоне ещё одна заявка. Корзина у каждого своя, сумма считается сама.
09:00, понедельник
Новинка и новая цена
Вы добавили книгу и поправили цену в одном месте — витрина обновилась целиком. Зачёркивать цифры на бумажке больше не нужно.
Сколько это стоит
Разница не в цене строки, а в том, чей это магазин
Разработчик и подписка решают задачу, но по-разному распоряжаются вашими деньгами и временем. Свой файл — третий путь, без ежемесячного платежа.
| Что сравниваем | Нанять разработчика | Купить подписку | Собрать самому |
|---|---|---|---|
| Деньги | Десятки тысяч рублей за настройку и запуск. | Платёж каждый месяц за доступ к чужому сервису. | Ноль сверх того, что уже есть: 5 млн токенов бесплатно. |
| Срок | Недели согласований и правок по договору. | Быстро, но только в рамках, которые придумал сервис. | Один вечер: промпт, 8–15 ответов бота и файл. |
| Правки | Через переписку и новую смету, в следующем окне графика. | Только то, что разрешено тарифом. | Словами в чате: «фильтр по авторам» — и файл уже другой. |
| Кому принадлежит результат | У подрядчика, доступы — по договору. | Сервису: отключили платёж — потеряли витрину. | Вам: один HTML-файл, который открывается в браузере. |
Таблицу можно листать вбок →
Пять причин собрать самому
Магазин, который не надо выкупать заново
01
Экономия
Нет счёта за разработку и нет подписки. Сборка идёт на бесплатных токенах, хостинг нужен только для публичной ссылки.
02
Приложение принадлежит вам
Файл лежит у вас на диске: его нельзя отключить за неуплату, а данные остаются в браузере.
03
Правки словами
«Добавь сортировку по цене» или «покажи остаток» — пишете боту сообщением и получаете обновлённый файл.
04
Не нужно ждать разработчика
Подборка к первому сентября собирается в тот же вечер, а не после согласования с подрядчиком.
05
Нет лимитов тарифа на функции
Фильтры, статусы и список заказов — всё в одном файле, без верхней ступени тарифа.
Что будет в магазине
Шесть экранов, которых хватает для продаж
Рабочие экраны, а не список возможностей: покупатель идёт от полки до получения книги, вы — от заказа до выдачи.
Карточка книги
Обложка, аннотация, издательство, цена и остаток. Кнопка «В корзину» на виду.
Корзина с суммой
Позиции, количество и итог считаются сами. Лишнюю книгу можно убрать без перезапуска оформления.
Оформление заказа
Имя, телефон, способ получения и комментарий. Ни одного лишнего поля.
Список заказов и статусы
Новый → подтверждён → собран → отправлен → получен. Статус меняется в один клик.
Добавление и правка книг
Новая позиция, цена и остаток правятся на месте, массовое обновление — словами.
Инструкция 7 шагов
От ярлыка на рабочем столе до готовой витрины
Каждый шаг — одно действие и одна кнопка. Скриншоты сняты с той же нишей.
1
Приложение установлено
Ссылку на установку присылает бот после слова «старт». На рабочем столе появляется ярлык AI DIY.
2
Нажмите «Открыть веб-интерфейс»
В окне «С чего начнём?» нажмите «Открыть веб-интерфейс» — магазин будет собираться в браузере.
3
Нажмите «Создать проект»
На экране «Ваши проекты» справа сверху нажмите «Создать проект» — появится отдельная папка.
4
Впишите название проекта
В поле «Название проекта» введите, например, «Магазин: книжный магазин», и нажмите «Создать проект».
5
Скопируйте промпт и вставьте в поле
Промпт — ниже, кнопка «Скопировать промпт» рядом. Вставьте текст в поле сообщения через Ctrl+V.
6
Нажмите «Отправить» ↑
Кнопка «Отправить» со стрелкой вверх стоит справа от поля. Работает и Enter.
7
Ответьте на 8–15 вопросов
Бот спросит про ассортимент, получение и оформление. В конце отдаёт готовый HTML-файл.
Промпт
Текст, который превращает бота в разработчика витрины
Скопируйте целиком и вставьте в поле сообщения — скачивать ничего не нужно.
Промпт для книжного магазина · 1 файл
Ты — senior product designer и frontend-разработчик.
Сначала задай мне 8–15 простых вопросов о моей работе,
потом собери приложение «Магазин: книжный магазин» одним HTML-файлом.
Моя задача: витрина книжного магазина, корзина и заказы в одном файле.
Что должно быть внутри:
1. Витрина книг: сетка карточек с обложкой, названием, автором, жанром, ценой и остатком. Фильтры по жанру, автору, обложке (твёрдая/мягкая) и цене, поиск по названию, сортировка.
2. Карточка товара: большая обложка, аннотация, издательство, год, количество страниц, цена, остаток, кнопка «В корзину» и блок похожих книг.
3. Корзина: список позиций, количество, сумма, удаление, переход к оформлению.
4. Оформление заказа: имя покупателя, телефон, способ получения (самовывоз или доставка), адрес, комментарий, итоговая сумма.
5. Список заказов: номер, дата, покупатель, состав, сумма и статус. Статусы заказа: новый → подтверждён → собран → отправлен → получен. Статус меняется кнопкой.
6. Товары: добавление, редактирование и удаление книг, цена, остаток, обложка (цветной блок на CSS, без внешних картинок), импорт демо-каталога.
7. Категории: список жанров, добавление и переименование.
Требования:
— один самодостаточный HTML-файл, стили в inline