Модели, остатки по размерам и цветам, приход, расход и список закупки живут в одном файле для браузера. Соберёте за вечер — без программиста и ежемесячных платежей.
| Модель | Размер | Ост. | Статус |
|---|---|---|---|
| Платье «Лён»беж · арт. 1042 | S | 3 | в наличии |
| Футболка oversizeчёрный · арт. 2210 | L | 1 | ниже минимума |
| Джинсы прямыесиний · арт. 3081 | 32 | 0 | нет в наличии |
| Кардиган крупныйграфит · арт. 1150 | M | 5 | в наличии |
Модели, размеры, цвета, движения и закупка лежат в одном HTML-файле.
Каждая пара «размер + цвет» — отдельный остаток, а не строчка «платье, 12 шт».
5 млн токенов бесплатно: хватает собрать склад и поправить его под себя.
Дело не в аккуратности. У одежды три измерения сразу — модель, размер, цвет, — а таблица умеет держать два. Три бытовые ситуации, где это видно.
Беж, чёрный, шесть размеров — и вот уже двенадцать строк на одну модель. Продавец находит нужный размер глазами, а формула суммы цепляет лишнюю строку. Через месяц в файле две версии платья: одна после пересчёта, вторая после возврата.
«Осталось только в графите» — это заметка в столбце примечаний, которую никто не считает. На складе пустой размер M, в таблице две единицы, а покупатель стоит у кассы и ждёт. Склад считается по вариантам, а не по заметкам.
В таблице видно только итог, а не путь к нему: сколько пришло, что продали, что вернули, кто и когда исправил число. Когда цифры расходятся, начинается пересчёт всего зала — вместо того чтобы открыть историю по одной модели.
Шесть модулей для магазина в торговом центре, шоурума и склада-подсобки. Всё связано: приход увеличивает остаток варианта, расход его уменьшает, а то, что ниже минимума, само попадает в список закупки.
Название, категория, цена, минимальный остаток и размерная сетка. Каждая пара «размер + цвет» — отдельный вариант со своим артикулом.
Вводите количество по сетке одной формой, указываете поставщика и цену закупки. Остатки обновляются сразу, а в истории видно, откуда пришла партия.
Три вида движения вместо одного «вычеркнуть». Возврат увеличивает остаток, брак уходит в списание с причиной — и всё это оставляет след в истории.
Вариант сам переходит в статус «ниже минимума», когда запас заканчивается, и возвращается в «в наличии» после прихода. Минимум задаётся для каждого размера отдельно.
В карточке модели — все приходы, продажи, возвраты и инвентаризации по датам. Сразу видно, кто из продавцов и когда изменил количество.
Что ниже минимума, в каких размерах и сколько добрать. Отметка «заказано» и контакты поставщика рядом, чтобы не собирать заказ по переписке.
Сравнение про деньги, срок, правки и владельца результата — без конкретных цен и названий сервисов.
Таблица шире экрана — потяните её влево, чтобы увидеть колонки целиком.
| Нанять разработчика | Купить подписку | Собрать самому | |
|---|---|---|---|
| Деньги | Несколько десятков тысяч за работу «под ключ», плюс отдельный счёт за каждую новую мелочь | Абонентская плата каждый месяц — за право пользоваться чужим кабинетом | Ноль рублей на старте: 5 млн токенов бесплатно и один файл |
| Срок | Обсуждение, договор, очередь на правки — не одна неделя | Быстро, но только те экраны, что придумали для всех магазинов сразу | Один вечер: промпт, ответы на вопросы, готовый файл |
| Правки | Каждое уточнение — переписка, смета и счёт | Через обращение в поддержку и небыстрый ответ | Словами: «добавь колонку цвета» — и через минуту готово |
| Кому принадлежит результат | Код останется у вас, но читать его сможет только программист | Владельцу сервиса: кабинет закроется — данные забрать не получится | Вам: файл лежит на вашем диске и открывается в браузере |
Цифр нет намеренно: ситуации разные. Но порядок расходов и сроки отличаются настолько, что сравнивать стоит именно так.
Не про идеологию, а про то, что вы почувствуете на второй неделе работы магазина.
Разработка «под ключ» и подписки — постоянные расходы. Здесь старт бесплатный, а дальше вы платите только за то, что решите развивать.
Один HTML-файл на вашем диске: его можно сохранить в архив, открыть без интернета и не проверять, не подорожал ли тариф.
Нужна колонка «цвет» или отдельный отчёт по возвратам — просто напишите боту обычной фразой. Без макетов и перевода пожеланий на язык требований.
Новая поставка пришла с нестандартной сеткой, а продавцу уже сегодня считать остатки. Изменение делается сейчас, а не «в следующем спринте».
В подписках часть возможностей закрыта до следующего уровня: отчёты отдельно, выгрузка отдельно, второй склад — «для бизнеса». В своём файле разблокировать нечего: экраны и поля появляются там, где они нужны вашему магазину, а не среднему клиенту сервиса.
Ниже — то, что происходит на экране. Кнопки названы так, как подписаны в приложении.
Ссылку на установку бот присылает, когда вы пишете ему «старт». Откройте AI DIY — на счету уже 5 000 000 токенов.
Кнопка находится на экране «Ваши проекты». Нажатие переносит работу в браузер — там и появится склад одежды.
Каждый проект — отдельная папка под свою задачу. В списке проектов нажмите «Создать проект».
Подойдёт «Склад: магазин одежды». Имя видно в общем списке, поэтому выбирайте то, что поймёте через месяц, и жмите «Создать проект».
Возьмите промпт с этой страницы кнопкой «Скопировать промпт», поставьте курсор в поле сообщения и нажмите Ctrl+V.
Стрелка вверх справа от поля — это и есть «Отправить». Клавиша Enter сработает так же.
Бот уточнит ассортимент, размерную сетку, цвета и закупку — говорите как есть, своими словами. Затем он выдаст готовый HTML-файл: остатки по вариантам, приход, расход, карточки моделей и список закупки.
Нажмите кнопку ниже, вставьте текст в поле сообщения проекта и отправьте. Промпт уже описывает модели, размерную сетку, цвета, движения и закупку — остальное бот спросит сам.
Роль: продуктовый дизайнер и разработчик на HTML/JS. Собери для владельца магазина одежды приложение «Склад: магазин одежды» — остатки по размерам и цветам, движения товара, закупка. Человеку не нужно рисовать схему данных: это твоя часть работы.
Начни с опроса: 8–15 вопросов простыми словами, с вариантами ответа. Узнай, что за товар (платья, трикотаж, верхняя одежда, обувь, аксессуары); сколько моделей; размеры буквами или числами; сколько цветов у одной модели; где лежит товар — зал, подсобка, отдельная точка; как фиксируете продажи сейчас; бывают ли возвраты и брак; кто поставщики; что должно быть видно на первом экране. Про фреймворки, базы данных и архитектуру не спрашивай. Перескажи услышанное своими словами и переходи к сборке.
Спроектируй сам:
— модель: название, категория, бренд, цена продажи, цена закупки, минимальный остаток, размерный ряд;
— вариант = модель + размер + цвет; у варианта свой артикул и свой остаток;
— движение: вид (приход / продажа / возврат / списание брака / инвентаризация), количество, дата, деньги, контрагент, причина, комментарий;
— поставщик: имя, контакт, срок поставки; категории товара.
Остаток всегда считается по варианту, а не по модели целиком. Связи — по стабильным ID.
Статус варианта: «в наличии → ниже минимума → нет в наличии». Минимум задаётся отдельно для каждого размера, а нулевой вариант остаётся в таблице с пометкой.
Экраны:
1. Таблица остатков: поиск по модели, цвету и артикулу, фильтры, сортировка, бейджи статусов, размерная сетка модели с числом по каждому размеру.
2. Приход: вся сетка размеров одной формой, поставщик, цена закупки.
3. Расход: продажа, возврат, списание брака с причиной.
4. Карточка модели: остатки по размерам и цветам, история движений, кнопки «Приход» и «Расход».
5. Закупка: что ниже минимума, каких размеров не хватает, отметка «заказано».
6. Поставщики.
Внешний вид: сдержанный продуктовый стиль — рамка 1 px, скругление 10–12 px, тонкие линии таблиц, бейджи, цифры моноширинным шрифтом, от 360 px. Один акцентный цвет, только на кнопках, ссылках и одном выделенном блоке. Размеры показывай маленькими квадратными метками.
Код: единственный HTML-файл, стили и скрипт внутри, данные в localStorage, без сервера, npm и сборки. Слои: storage → сущности → фичи → компоненты → экраны. Сохранение после каждого действия и мгновенная перерисовка. Пустые состояния с короткой подсказкой.
Наполни демо-данными: 12–15 моделей с настоящей размерной сеткой, несколькими цветами, нулями в остатках и парой позиций ниже минимума. Кнопка «Удалить тестовые данные» с подтверждением, закрытие окон по Escape и по клику на фон, устойчивость к испорченным записям в localStorage.
Перед выдачей пройди сам: приход по сетке, продажа последнего размера, возврат, брак, уход ниже минимума, список закупки, инвентаризация с пересортом, перезагрузка, телефон. Найденное исправь.
Выдай готовый файл целиком, без «вставьте сюда фрагмент». Дальнейшие правки — тем же полным файлом.
Задача: склад одежды, где размеры и цвета каждого остатка видны в одном окне.Нет. Позиция находится по названию модели, цвету и размеру за пару букв, а приход и расход оформляются кнопками в карточке. Если сканер появится позже, он подключается как обычная клавиатура: курсор стоит в поле поиска, и код с этикетки просто вписывается в строку. Штрихкоды на товаре печатать тоже не обязательно.
Цена закупки хранится у движения прихода, а не одна на всю модель. Поэтому проданная вещь списывается по цене своей партии, и валовая прибыль за месяц складывается честно. В карточке товара видно среднюю цену закупки и остаток по каждой поставке, а в списке закупки подсказано, сколько добрать до минимального остатка.
Место хранения — отдельное поле у остатка и у каждого движения. Зал, подсобка и удалённая точка живут на одном экране и переключаются фильтром. Перемещение между ними оформляется как движение, поэтому история не теряется: видно, когда и сколько размеров уехало из подсобки в зал.
Вы вводите фактическое количество по каждому размеру, и приложение создаёт движение «инвентаризация» с разницей: недостача в одном размере и излишек в соседнем. Прежние записи не переписываются, у расхождения остаются дата и комментарий. Такие движения помечены отдельно, поэтому их легко найти и разобрать с продавцом.
Записи лежат в памяти браузера на вашем компьютере, внешнего сервера нет. Пока вы работаете в том же браузере, склад на месте. Перед очисткой данных сайтов выгрузите склад в файл: на новом компьютере или в другом браузере он загружается обратно и продолжает работать без интернета.
Да, если задача — держать остаток по размерам и цветам, а не повторять кабинет площадки. Полезны поля «артикул», «размер», «цвет» и отметка, сколько единиц зарезервировано под отгрузку. Комиссии, карточки и отзывы по-прежнему удобнее смотреть в личном кабинете маркетплейса, а остаток — здесь.
Напишите боту «старт» и получите доступ с 5 000 000 токенов. Дальше — промпт отсюда, ответы на вопросы и файл, где у каждой модели видны все размеры и цвета.