Остатки продуктов, движения по кухне и список закупки — в одном файле. Списываете то, что действительно ушло за смену, и покупаете только то, чего не хватает до минимума.
| Продукт | Остаток | Минимум | Статус |
|---|---|---|---|
| Молоко 3,2% | 12 л | 20 л | ниже минимума |
| Куриное филе | 8,4 кг | 6 кг | в наличии |
| Сыр моцарелла | 0,6 кг | 3 кг | нет в наличии |
| Багет | 24 шт | 10 шт | в наличии |
| Сливки 33% | 4 л | 5 л | ниже минимума |
Числа в таблице демонстрационные — они показывают, как выглядит экран остатков.
«В наличии», «ниже минимума» и «нет в наличии» считаются из остатка и порога — сами, после каждого движения.
Справочник, приход, расход, минимальный остаток, история движений, поставщики и список закупки работают как одна система.
Ни аккаунта, ни подписки, ни чужого сервера: склад открывается в браузере и живёт у вас.
Дело не в аккуратности: у продукта на кухне есть направление движения, а у строки в таблице — только число. Три бытовые ситуации, знакомые почти любому кафе.
За вечер ушло сорок порций курицы, но в таблице всё те же двенадцать килограммов: списывать было некогда. К закупке цифра расходится с холодильником, и продукты берут «на всякий случай» — половина потом уходит в порчу.
Сливки для соуса закончились в пятницу в восемь вечера. Порога, после которого пора заказывать, в таблице нет, поэтому закупка идёт по памяти: чего-то втрое больше нормы, а чего-то не осталось совсем.
Накладные лежат в переписке с поставщиком, расход — в голове повара. Свести их можно только вручную, и обычно это делают в конце месяца, когда решения о закупке уже приняты и деньги потрачены.
Любое движение меняет остаток, остаток меняет статус, а статус собирает список закупки. Ни одна цифра не вводится дважды.
Название, категория, единица измерения — кг, л, шт или порции, минимальный остаток и поставщик по умолчанию. Поиск находит позицию с первых букв, даже если продуктов двести.
Дата, поставщик, количество и цена за единицу. Остаток растёт сразу, а запись остаётся в истории — видно, по какой цене брали в прошлый раз и стоит ли менять поставщика.
Ушло на смену, на блюдо или в порчу — три причины, чтобы через неделю было понятно, куда делся продукт. Количество уходит с остатка, а не считается отдельно в блокноте.
Пока запас выше порога — «в наличии». Упал ниже — «ниже минимума». Закончился — «нет в наличии». Статус меняется сам, вручную ничего не перекрашивается.
Отбор по продукту, дате и типу операции. Если цифры не сходятся, видно, когда и на сколько изменился остаток — не приходится восстанавливать события по памяти.
Всё, что ниже минимума, сгруппировано по поставщикам и посчитано до докупки. Такой список можно продиктовать по телефону или отправить одним сообщением.
Три пути к одному и тому же экрану остатков. Разница не только в деньгах, но и в том, кому в итоге принадлежит программа.
| Параметр | Нанять разработчика | Купить подписку | Собрать самому |
|---|---|---|---|
| Деньги | десятки тысяч рублей, обычно частями: предоплата, доработки, поддержка | ежемесячный платёж за доступ к чужому сервису, пока им пользуетесь | 5 000 000 токенов бесплатно от бота, дальше — только расход токенов |
| Срок | недели: техническое задание, макеты, согласования, тестирование | день на регистрацию — но с теми функциями, которые дали | вечер: промпт, ответы на 8–15 вопросов, готовый файл |
| Правки | новое задание и новый счёт за каждую хотелку | очередь в планах сервиса или ответ «такой функции нет» | словами в чат: «добавь срок годности» — и приложение обновилось |
| Кому принадлежит результат | разработчику, пока отдельно не выкупите исходники | сервису: закончилась подписка — закончился доступ | вам: файл лежит на вашем компьютере и открывается без интернета |
Вместо счёта за разработку и ежемесячной подписки — токены, которых на старте 5 000 000 бесплатно.
Файл лежит на вашем компьютере: доступ не отключается вместе с чужой подпиской и не зависит от чужого сервера.
«Добавь срок годности» или «раздели бар и кухню» — достаточно написать это в чат, без технического задания и созвонов.
Неудобную кнопку можно поправить в тот же вечер, когда она помешала, а не в следующем спринте.
Никто не просит доплатить за «ещё один отчёт» или «ещё одного сотрудника»: экраны, поля и отчёты задаёте вы.
Скриншоты сняты в приложении, поэтому повторять можно буквально по кнопкам. Между шагами ничего скачивать не нужно.
Ссылку на установку бот @get_ai_access_bot присылает после слова «старт». Открывайте ярлык AI DIY — на экране будет только запуск, как на скриншоте.
Дальше работа идёт в браузере: так удобнее вставлять длинный промпт и смотреть готовый файл. Кнопка находится в центре стартового экрана.
Проект — отдельная папка под ваш склад. На экране «Ваши проекты» кнопка стоит справа над списком, рядом с поиском.
Например, «Склад: кафе». Название нужно только для порядка среди ваших папок — поменять его можно позже.
Промпт длинный — это нормально. Кнопка копирования ниже берёт текст целиком, а вставлять нужно в поле ввода внизу экрана.
Стрелка вверх справа от поля отправляет сообщение. Enter делает то же самое — выбирайте, как привычнее.
Бот спросит про количество позиций, единицы измерения, минимальный остаток, кто делает приход и как часто бывает инвентаризация. Отвечайте обычными словами — на выходе будет файл со складом вашего кафе.
Выделять текст и искать файл не нужно: нажмите кнопку — промпт окажется в буфере обмена, останется вставить его в поле сообщения.
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать приложение «Склад: кафе». Моя задача — учёт продуктов и остатков: списание и закупка по фактическому расходу.
Сначала задай мне 8–15 простых вопросов с вариантами ответов: сколько позиций на складе; в чём считаем — кг, л, шт или порции; нужен ли минимальный остаток по каждой позиции; кто делает приход — повар, бармен или управляющий; как часто пересчитываем склад; нужны ли поставщики и цены закупки; что показывать сразу после открытия. Не спрашивай про фреймворки, базу данных и архитектуру. После ответов коротко перескажи, что понял, и приступай.
Спроектируй сам сущности: «товар» — название, категория, единица, минимальный остаток, поставщик; «движение» — приход или расход, дата, количество, цена за единицу, причина, комментарий; «поставщик»; «категория». Остаток не храни отдельным полем, а считай из движений. Статусы: «в наличии» → «ниже минимума» → «нет в наличии».
Экраны: таблица остатков с поиском, фильтром по категории и статусу; форма прихода; форма расхода с причинами «смена», «блюдо», «порча»; карточка товара с остатком, минимумом и историей движений; список закупки, сгруппированный по поставщикам, с количеством до докупки.
Правила: расход не может увести остаток ниже нуля — покажи предупреждение и предложи оформить приход; редактирование и удаление движения сразу пересчитывают остаток; инвентаризация оформляется как корректировка с причиной; удаление товара с историей — только с подтверждением.
Дизайн: одна цельная система, аккуратная типографика, карточки и таблица с тонкими линиями, адаптив от 360 px (на телефоне таблица превращается в карточки), понятные пустые состояния, hover и focus.
Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков и npm. Раздели слои: storage → сущности → фичи → компоненты → экраны → навигация. После любого действия данные сохраняются и интерфейс перерисовывается без перезагрузки.
Добавь реалистичные демо-данные для кафе и кнопку «Удалить тестовые данные» с подтверждением. Предусмотри пустые поля, битые данные в localStorage, закрытие окон по Escape и по клику на фон.
Перед выдачей сам пройди сценарии: приход, расход, падение остатка ниже минимума, закупка, редактирование движения, перезагрузка страницы, работа с телефона. Найденное исправь сам.Если браузер не даёт доступ к буферу обмена, выделите текст в блоке и нажмите Ctrl+C.
Да, сканер не обязателен. Поиск находит продукт по названию и категории, а приход и расход оформляются прямо из карточки товара. Если сканер появится позже, он подключается как клавиатура: код просто вписывается в то же поле поиска.
Цена закупки хранится в каждом приходе, поэтому средняя цена по продукту видна в карточке. Себестоимость порции считается по техкарте: расход продукта на блюдо умножается на цену последнего прихода. Если нужен отдельный отчёт по марже, его можно попросить у бота словами.
Можно вести всё вместе и разделять категориями, а можно завести два места хранения и фильтровать остатки по ним. Перемещение между кухней и баром оформляется движением, поэтому история не пропадает: видно, когда продукт уехал и в каком количестве.
Пересчёт оформляется как корректировка: вы вводите фактическое количество, приложение считает разницу и записывает её отдельным движением с причиной. Прежние записи остаются на месте, поэтому видно, когда и на сколько остаток разошёлся.
В браузере на вашем компьютере, а не на чужом сервере. Чтобы перенести склад на другое устройство, попросите бота добавить кнопку выгрузки и загрузки данных — приложение останется тем же одним HTML-файлом.
Для склада кафе подойдёт: продукты, движения, минимальный остаток и список закупки. Заказы и комиссии площадки удобнее смотреть в личном кабинете маркетплейса, а при желании бот добавит поле «канал продажи», чтобы видеть, куда ушла партия.
Напишите боту «старт», заберите 5 000 000 токенов и ссылку на установку. Дальше — промпт с этой страницы, ответы на вопросы и файл, в котором остатки сходятся с холодильником.
Забрать 5 млн токенов