Справочник позиций
Название, артикул, категория и единица измерения: штуки, метры, килограммы, литры. Одна позиция — одна карточка, а не три строки в разных файлах.
Что вы получите
Пять вещей, без которых склад — это догадки
Не «система учёта» вообще, а конкретные экраны, которые вы будете открывать каждую неделю.
Движения вместо «поправил руками»
Каждый приход и расход остаётся в истории. Остаток на экране — это сумма движений, а не число, которое кто-то вписал вчера и забыл.
Минимальный остаток
Для каждой позиции — свой порог. Всё, что ниже, подсвечивается, и из этих строк сам собирается список закупки.
Карточка товара с историей
Сколько пришло, сколько ушло, когда и по какой цене. Приход и расход открываются прямо из карточки, переходить в другой раздел не нужно.
Поставщики и закупка
Что у какого поставщика в закупке, что в пути и что уже приехало. Список закупки можно распечатать или отправить поставщику.
Если честно, первые пару дней вы будете просто смотреть на таблицу остатков. Это нормально: самое полезное начинается, когда приходит первая поставка и цифры совпадают без пересчёта на бумажке.
Пять причин
Почему выгоднее собрать самому
Не из любви к технологиям. Просто у склада слишком много частных случаев, чтобы жить в чужом шаблоне.
Экономия
Не платите разработчику за «простенькую табличку» и не платите каждый месяц за подписку, которая всё равно не знает, что такое партия и минимальный остаток.
Система адаптируется под вас
Считаете краску литрами, а кабель — метрами? Скажите это словами, и поля, единицы и статусы поменяются. Без программиста и без технического задания.
Приложение принадлежит вам
Один HTML-файл на вашем диске. Открывается в браузере, не просит логин и не закрывает доступ, когда вы передумали платить за тариф.
Задачу не нужно объяснять пять раз
Обычно между «хочу учёт» и «вот система» — три письма и два созвона. Здесь вы один раз отвечаете боту и один раз формулируете правку: «показывай остаток по каждому складу отдельно».
Нет лимитов тарифа на функции
Партии, поставщики, список закупки и отчёты не спрятаны за дорогим планом. Добавляете то, что понадобилось на этой неделе, а не то, что входит в ступень подписки.
Как это устроено
Четыре шага до первой строки в справочнике
Семь шагов с кнопками появляются не из воздуха: сначала нужно получить инструмент, открыть его и объяснить боту, что у вас за склад.
Напишите «старт» боту
В Telegram-боте @get_ai_access_bot напишите «старт» — он пришлёт ссылку на установку приложения AI DIY и 5 000 000 токенов на сборку.
Откройте приложение и веб-интерфейс
Установите AI DIY и нажмите «Открыть веб-интерфейс». Это тот же инструмент, только в браузере — там удобнее смотреть таблицы и скриншоты.
Создайте проект и вставьте промпт
Название лучше по делу: «Склад на Ленина» или «Остатки и закупка». Промпт лежит ниже на этой странице — скопируйте кнопкой и вставьте в поле сообщения.
Ответьте на вопросы и заберите файл
Бот задаст 8–15 вопросов о вашей работе: чем считаете, сколько позиций, кто принимает товар. В конце отдаст готовый HTML-файл приложения.
После этого — те самые семь шагов, по кнопкам. Если что-то пойдёт не так, дело обычно не в кнопках, а в ответах: чем конкретнее описали склад, тем меньше правок потом.
Инструкция
Семь шагов: от установки до файла со складом
Скриншоты универсальные — они показывают кнопки, которые вы нажимаете. Промпт для склада и остатков — чуть ниже.
01шаг
Приложение уже установлено
Ссылку на установку прислал бот после слова «старт» — отдельно искать приложение в магазине не нужно. Откройте его, установка занимает меньше минуты, карта и аккаунт не требуются.
02шаг
Нажмите «Открыть веб-интерфейс»
На стартовом экране — одна понятная кнопка. За ней рабочая область в браузере: там вы будете видеть проект, ответы бота и готовый файл.
03шаг
Нажмите «Создать проект»
Один склад — один проект. Если ведёте два разных бизнеса, лучше сделать два проекта: так проще не путать остатки и поставщиков.
04шаг
Впишите название и подтвердите
Название видите только вы, поэтому пишите как удобно: «Склад, Рабочая 14» или «Запчасти и масла». Впишите его и нажмите «Создать проект».
05шаг
Скопируйте промпт и вставьте в поле сообщения
Кнопка «Скопировать промпт» — в блоке ниже. Вернитесь в проект и вставьте текст через Ctrl+V, на Mac — Cmd+V. Прикреплять файлы не нужно: всё копируется прямо со страницы.
06шаг
Нажмите «Отправить» ↑
Кнопка со стрелкой вверх справа от поля сообщения. Клавиша Enter делает то же самое — можно пользоваться тем, что удобнее.
07шаг
Ответьте на вопросы и сохраните файл
Бот спросит про позиции, единицы учёта, поставщиков и минимальные остатки — отвечайте обычными словами. В конце он пришлёт HTML-файл: сохраните его и откройте двойным щелчком в браузере. Дальше склад живёт у вас, а правки формулируются словами: «добавь партии и срок годности».
Промпт
Текст, который объясняет боту ваш склад
Скопируйте целиком на шаге 5. В конце есть одна строка «Моя задача» — допишите туда свою фразу, если хотите, чтобы бот сразу понял контекст.
Ты — senior product designer, UX-архитектор и фронтенд-разработчик. Помоги человеку без технических знаний собрать рабочее приложение для склада и учёта товаров: остатки, приход, расход, минимальный запас и закупка. Структуру данных, экраны и связи проектируешь ты — человек только описывает свою работу обычными словами.
Сначала короткий опрос на понятном языке: 8–15 вопросов с вариантами ответов. Спроси, сколько примерно позиций на складе; в чём считаете — штуки, метры, килограммы, литры; сколько складов или точек; кто оформляет приход — вы сами, кладовщик, поставщик; как часто пересчитываете остатки; нужен ли минимальный остаток, ниже которого пора закупать; важны ли партии, сроки годности или серийные номера; нужны ли поставщики и история закупок; что должно быть видно сразу после открытия. Не спрашивай про фреймворки, базы данных, компоненты, API и архитектуру. После ответов перескажи в двух-трёх строках, что понял, и только потом начинай.
Сам придумай сущности и поля: товар (название, артикул, категория, единица измерения, минимальный остаток, цена закупки), движение (приход или расход, количество, дата, комментарий, склад), поставщик, партия — если она нужна по ответам. Связывай записи по стабильным идентификаторам, а не по названиям: переименование товара не должно разрывать историю. Статусы остатка: в наличии → ниже минимума → нет в наличии.
Сделай экраны: таблица остатков с поиском и фильтром по категории, форма прихода, форма расхода, карточка товара с историей движений, список закупки, справочник поставщиков. Приход и расход должны открываться прямо из карточки товара, без перехода в другой раздел. Продумай пустые состояния («позиций пока нет», «движений не было»), подтверждение опасных действий и понятные сообщения об ошибках: нельзя списать больше, чем есть, — но можно разрешить это с отдельным подтверждением.
Добавь ровно те модули, которые следуют из ответов: справочник товаров, приход и расход, минимальный остаток, история движений, поставщики, список закупки. Никаких функций «для галочки» и декоративных графиков, если о них не просили.
Дизайн выбери сам, но держи одну систему: аккуратная типографика, заметная иерархия, единые компоненты, состояния hover и focus, таблицы с тонкими линиями, адаптив от 360 px. Числа выровняй по правому краю и сделай моноширинными, чтобы остатки сравнивались глазами.
Технически: один самодостаточный HTML-файл, стили и vanilla JS внутри, данные — в localStorage, без сервера, сборщиков и npm. Раздели код на слои: хранение → сущности → действия → компоненты → экраны → навигация. После любого действия сохраняй данные и обновляй интерфейс сразу, без перезагрузки страницы.
Положи внутрь 10–12 реалистичных демо-позиций с несколькими движениями, чтобы приложение не встречало пустым экраном. Добавь кнопку «Удалить тестовые данные»: одно нажатие, подтверждение, и дальше она не срабатывает. Предусмотри пустые поля, битые данные в localStorage, удаление связанных записей и закрытие модальных окон по Escape и по клику на фон.
Перед выдачей сам пройди основные сценарии: приход новой позиции, расход больше остатка, падение ниже минимума, попадание в список закупки, удаление товара с историей, перезагрузка страницы, работа с телефона. Найденное исправь сам.
Ответ — полный готовый HTML-файл, а не фрагмент с «вставьте сюда». Все дальнейшие правки тоже присылай полным файлом.
Моя задача: ___ (одна фраза о вашем складе: что храните, в чём считаете, сколько позиций).Копирование работает на странице: вставьте текст в поле сообщения проекта через Ctrl+V (на Mac — Cmd+V) и нажмите «Отправить» ↑.
Сценарии категории
Десять складов — десять разных наборов полей
Выберите тот, который ближе к вашей работе. Внутри каждой страницы — свой промпт и своя инструкция, а не общий шаблон.
склад
Остатки сходятся без инвентаризации на два дня
Базовый учёт товаров: справочник, приход, расход и список закупки. Остаток считается по движениям, а не по последней записи в тетради.
Открыть сценарий → артикулыАртикулы, аналоги и остаток на полке
Поиск детали по номеру, аналоги рядом в карточке, понятный остаток: что лежит на полке, что заказано и что подходит вместо снятой с производства позиции.
Открыть сценарий → FBO и FBSОстатки по FBO и FBS, чтобы не уйти в ноль
Два разных остатка на один товар: что лежит на складе маркетплейса и что ждёт отправки у вас. Видно, где заканчивается ходовое, а где заморожены деньги.
Открыть сценарий → сроки годностиСроки годности и расход по процедурам
Партии с датами, расход на каждую процедуру и остаток, который видно заранее. Просроченное всплывает до списания, а не после.
Открыть сценарий → расходСписание и закупка по фактическому расходу
Сколько продуктов уходит за неделю на самом деле и что скоро закончится. Закупка строится от продаж и остатков, а не от привычки брать «как в прошлый раз».
Открыть сценарий → партииМетры, килограммы и партии вместо «примерно»
Материалы в своих единицах учёта: мешки, метры, литры. Остаток по партиям и объектам — чтобы на площадке не выяснялось, что краски хватит на половину стены.
Открыть сценарий → размерыРазмеры и цвета на складе, а не в голове
Остаток по каждому сочетанию модели, размера и цвета. Видно, что разобрали, а что висит третий месяц и занимает полку.
Открыть сценарий → расходникиГели, базы и файлы не заканчиваются внезапно
Учёт расходников мастера: остаток по каждому флакону, порог, после которого пора закупать, и понимание, на сколько процедур хватит любимого оттенка.
Открыть сценарий → ПВЗПринято, выдано и где чья посылка
Учёт посылок на пункте выдачи: номер, полка, статус, дата. Поиск по номеру отвечает за секунду, а не после перебора коробок.
Открыть сценарий → серийникиСерийники, партии и гарантия по каждому устройству
Не «12 наушников», а 12 конкретных устройств с серийными номерами: когда пришли, когда проданы и до какой даты действует гарантия.
Открыть сценарий →
Что общего
Четыре правила, одинаковые для всех сценариев
Меняются поля и статусы, не меняется устройство: файл, данные, правки.
Один HTML-файл
Ни сервера, ни установки из магазина приложений. Файл открывается двойным щелчком в любом браузере, его можно держать на рабочем ноутбуке или на флешке.
Данные у вас
Записи лежат в браузере, в localStorage, и никуда не отправляются. Обратная сторона честная: если очистить данные браузера, они пропадут — копию нужно делать самому.
Правки словами
«Добавь колонку с поставщиком», «сделай статус „в пути“» — бот присылает файл целиком, с новыми полями и прежними данными. Никаких настроек в коде.
Демо-данные с кнопкой удаления
Внутри лежат примеры товаров и движений, чтобы не разбираться на пустом экране. Кнопка «Удалить тестовые данные» убирает их разом — с подтверждением и один раз.
Вопросы
Пять вопросов, которые задают первыми
Чем это отличается от таблицы, в которой мы уже всё ведём?
В таблице остаток — это число, которое кто-то поправил руками. Здесь остаток считается из движений: приход и расход записываются отдельными строками, а цифра меняется сама. Поэтому и не приходится пересчитывать всё заново, когда одна позиция ушла не туда.
У нас товар считают в метрах и килограммах — так можно?
Да. Единица измерения задаётся у позиции, а количество может быть дробным: 12,5 метра кабеля или 3,2 килограмма краски. Главное — не смешивать единицы внутри одной позиции, иначе остаток начнёт врать.
Можно ли вести два склада или магазин и склад?
Да, в движении есть поле «склад» или «точка», и остаток можно смотреть отдельно по каждому. Если точки живут совсем независимо, проще сделать два проекта: меньше риска перепутать поставщиков и закупку.
Что будет, если очистить данные браузера?
Записи пропадут: они хранятся в самом браузере, а не на сервере. Поэтому сразу после сборки попросите бота добавить экспорт в CSV или JSON и делайте копию перед большими изменениями. Это ограничение локального файла, и лучше знать о нём заранее.
Нужен ли сканер штрихкодов?
Для старта — нет: поиск по артикулу или названию закрывает почти все случаи. Сканер можно добавить позже словами, но с камерой телефона это работает нестабильно, особенно на дешёвых наклейках. Проверьте на своём случае, прежде чем рассчитывать на скорость.