Открыть бота

Склад и учёт товаров · электроника

Учёт электроники, в котором серийник не теряется на второй неделе

Коробки с наушниками выглядят одинаково, пока не спросят гарантию по конкретному устройству. Соберите приложение, которое держит серийные номера, партии и срок гарантии рядом с остатком.

Забрать 5 млн токенов

Инструкция из 7 шагов со скриншотами

  • 5 млн токенов бесплатно
  • Один HTML-файл
  • Без подписки и сервера

Что видно сразу

Три цифры вместо пересчёта коробок

Приложение открывается на остатках: видно, что заканчивается, что лежит слишком долго и где кончается гарантия.

Ниже минимума 6

позиций: две модели уйдут за выходные, а заказ поставщику идёт неделю.

Заморожено в остатке 248 000 ₽

в устройствах прошлых партий, которые не двигались три месяца.

Поиск по серийнику 2 сек

хватает, чтобы найти, кому и когда продан конкретный аппарат.

Знакомая картина

Почему таблица ломается, когда товар с номером

В электронике у одной позиции несколько жизней: коробка на полке, устройство у клиента, возврат по гарантии. Лист умеет считать только количество.

Гарантийный случай, а чека нет

Серийники

Клиент приносит колонку с царапиной и просит замену. В таблице написано «продано 12 штук», но какая именно коробка ушла ему и когда — неизвестно. Спор решается в его пользу, потому что доказать нечего.

Две партии по разной цене

Партии

Вторая закупка пришла дороже из-за курса, а в листе остался средний остаток. При продаже непонятно, заработали вы или отдали товар почти по себестоимости.

Возврат растворился в остатке

История

Один роутер вернули, один обменяли, один ушёл в ремонт. В блокноте появилась плюс единица без объяснений, и через месяц никто не вспомнит, откуда она.

Минимум никто не считал

Минимум

Популярная модель кончилась в пятницу. Поставка через десять дней, а покупатель не ждёт — уходит в маркетплейс за ту же сумму.

Что получится

Шесть экранов для склада с серийными номерами

Ровно те, что открываются в течение дня. Без модулей, которые нужно настраивать месяц.

  • справочник

    Карточка товара

    Модель, категория, закупка и продажа, минимальный остаток. У устройств с номером — поле для серийника и срока гарантии.

  • движения

    Приход и расход

    Партия, поставщик, количество и дата. Остаток пересчитывается сам, а запись остаётся в журнале.

  • контроль

    Минимальный остаток

    Свой порог у каждой позиции: кабели уходят пачками, док-станция — раз в месяц.

  • журнал

    История движений

    Видно, какая партия пришла, кому продан аппарат, когда был возврат и по какой причине списали.

  • партнёры

    Поставщики

    Название, телефон, срок поставки. Новый поставщик заводится прямо из формы прихода.

  • закупка

    Список закупки

    Всё, что ниже минимума, собирается в один перечень — его удобно отправить поставщику сообщением.

Сколько это стоит

Три способа завести учёт электроники

Любой путь требует времени. Разница — в платежах дальше и в том, кому принадлежит результат.

Нанять разработчика Купить подписку Собрать самому
Деньги десятки тысяч рублей, пока не готова смета ежемесячный платёж за доступ к чужому сервису свой файл и 5 млн токенов бесплатно
Срок недели на бриф, макеты, код и приёмку день на настройку шаблона под свои поля вечер на рабочий экран остатков
Правки каждое изменение — новый счёт только то, что разрешил тариф словами в чат: «добавь срок гарантии в поиск»
Кому принадлежит результат часто подрядчику, доступ по договорённости сервису: данные у них, выгрузка неполная вам — файл лежит на вашем диске
Если перестали платить поддержка останавливается вместе с оплатой склад закрывается вместе с подпиской открывается двойным щелчком, как раньше

Точные суммы зависят от города и задач. Главное отличие: там вы арендуете инструмент, здесь он ваш.

Пять причин

Почему выгоднее собрать самому

Не потому, что чужие программы плохие. Просто ваш склад меняется быстрее, чем кто-то успевает согласовать правку.

  1. Экономия

    Вместо сметы и месячного платежа — один файл. Токенов на старте хватает не на один проект.

  2. Приложение принадлежит вам

    Файл хранится у вас. Никто не закроет сервис, не сменит условия и не заберёт доступ к истории продаж.

  3. Правки словами

    «Покажи гарантию в списке», «добавь поле для IMEI» — пишете обычной фразой, без технического задания и терминов.

  4. Не нужно ждать разработчика

    Заметили, что форма прихода неудобна, — переделали в тот же день, пока не забыли, как именно было неудобно.

  5. Нет лимитов тарифа на функции

    Не нужно доплачивать за второго поставщика, отчёты или историю глубже месяца.

Инструкция

Семь шагов от установки до своего склада

Программировать не нужно: нужен компьютер, интернет и полчаса внимания. Скриншоты ниже — с реального прохождения.

1

Приложение установлено

Ссылку на установку бот присылает после слова «старт». Когда установка закончится, на рабочем столе появится иконка AI DIY.

Иконка AI DIY на рабочем столе после установки приложения
2

Нажмите «Открыть веб-интерфейс»

Запустите приложение и нажмите кнопку «Открыть веб-интерфейс». Откроется окно со списком ваших проектов.

Окно приложения с кнопкой «Открыть веб-интерфейс»
3

Нажмите «Создать проект»

Проект — отдельная папка на диске. Остатки, движения и поставщики будут храниться внутри неё.

Список проектов с кнопкой «Создать проект» в веб-интерфейсе
4

Впишите название и нажмите «Создать проект»

Назовите проект «Склад: электроника» и нажмите «Создать проект». Название потом можно поменять.

Форма нового проекта с названием «Склад: электроника»
5

Скопируйте промпт с этой страницы

Нажмите «Скопировать промпт» в блоке ниже и вставьте текст в поле сообщения — Ctrl+V. Файлы прикреплять не нужно.

Пустое поле сообщения в чате проекта «Склад: электроника»
6

Нажмите «Отправить» ↑

Кнопка «Отправить» ↑ (или клавиша Enter) отправляет промпт в работу. Дальше бот начнёт задавать вопросы.

Поле сообщения с вставленным промптом и кнопкой «Отправить»
7

Ответьте на 8–15 вопросов

Бот спросит простыми словами: какие категории держите, нужны ли серийники, что считаете приходом. После ответов вы получите готовый HTML-файл приложения.

Чат проекта с вопросами бота и готовым приложением склада электроники

Что сделать после первого файла

Заведите десяток реальных позиций и два прихода из разных партий. Сразу станет видно, каких полей не хватает, — их добавляют фразой в чат.

Готовый промпт

Текст, который копируют прямо со страницы

Нажмите «Скопировать промпт» и вставьте в поле сообщения проекта. Названия моделей в примерах замените на свои.

Промпт для склада электроники около 2 750 знаков 
Ты — senior product designer, UX-архитектор и фронтенд-разработчик. Помоги мне без технических знаний собрать приложение «Склад: электроника». Я не хочу проектировать базу данных — это твоя задача.

Сначала задай мне 8–15 вопросов простым языком, с вариантами ответов: какие категории товара я держу (наушники, кабели, роутеры, мелкая техника), нужен ли серийный номер у каждой единицы, как приходят партии и чем партия отличается от другой, как считать гарантию и что делать с возвратом, где лежит товар (полка, шкаф, витрина), кто поставщики и какой у них срок поставки, какие позиции заканчиваются первыми, что должно быть видно сразу после открытия. Не спрашивай про фреймворки и базы данных. После моих ответов коротко перескажи, что понял, и приступай.

Сам спроектируй сущности: товар (название, бренд, категория, модель, цена закупки, цена продажи, минимальный остаток, текущее количество, нужен ли учёт по серийным номерам), единица с серийным номером (серийник, партия, дата прихода, срок гарантии, статус: на складе, продан, возврат, в ремонте), движение (приход или расход, дата, количество, партия, поставщик, цена, комментарий), поставщик (название, телефон, срок поставки), категория. Свяжи всё по стабильным ID: из карточки товара видна история движений и список серийников, из формы прихода можно создать нового поставщика, не уходя с экрана.

Экраны: таблица остатков с поиском по названию, модели и серийному номеру; приход; расход; карточка товара с историей и гарантией; список закупки. Статусы товара: в наличии → ниже минимума → нет в наличии. Покажи, что происходит после каждого действия, предусмотри пустые состояния, подтверждение удаления и отмену последнего движения.

Дизайн выбери сам: аккуратная типографика, понятная иерархия, одинаковые компоненты, таблицы с тонкими линиями, читаемые бейджи статусов, адаптив от 360 px, hover и focus. Никакого визуального шума.

Технически: один HTML-файл, CSS и чистый JavaScript внутри, хранение в localStorage, без сервера, сборщиков и npm. Раздели слои: storage → сущности → фичи → компоненты → экраны. После любого изменения данные сохраняются и интерфейс перерисовывается сразу.

Добавь демо-данные на 10–15 реальных позиций (наушники, колонки, роутеры, пауэрбанки, клавиатуры) с серийниками и разными сроками гарантии, а также кнопку «Удалить тестовые данные» с подтверждением. Предусмотри пустые поля, битые данные в localStorage и удаление связанных записей.

Перед выдачей сам пройди сценарии: приход новой партии, продажа последней единицы, выход за минимум, поиск по серийнику, возврат по гарантии, перезагрузка страницы, работа с телефона. Исправь найденное сам.

Ответ — полный готовый HTML-файл, без «вставьте этот фрагмент». Все дальнейшие правки присылай тоже целиком.

Вопросы

Что уточняют перед сборкой

Обязательно покупать сканер штрихкодов?

Нет. Поиск работает по названию, модели и серийному номеру, а серийник вводится руками или копируется из накладной. Сканер подключается позже, если он вообще понадобится: поле ввода принимает его как обычную клавиатуру.

Как считать себестоимость, если курс меняется между партиями?

Цена закупки хранится у партии, а не у товара. В карточке видно последнюю и среднюю, в истории — по какой цене приходила каждая партия. Так понятно, что вы заработали на конкретной продаже, а не в среднем по году.

У меня витрина и склад за городом — это два склада?

Да, и они не мешают друг другу: попросите поле «место хранения» и остаток будет считаться отдельно по витрине и по складу, а движения фильтроваться по месту.

Что будет при инвентаризации, если факт не совпал?

Внесите расхождение как списание или приход с комментарием «инвентаризация». Остаток станет фактическим, а причина изменения не потеряется в журнале движений.

Где хранятся данные и не увидит ли их кто-то ещё?

В локальном хранилище браузера на вашем компьютере, внутри папки проекта. Сервер их не получает, поэтому подписка и не нужна. Раз в неделю копируйте папку на флешку или в облачный диск.

Подойдёт, если часть товара продаётся на маркетплейсе?

Для остатков, партий и списка закупки — да. Комиссии и отчёты площадок удобнее держать отдельно. Для приёма заявок от покупателей есть готовый сценарий бота.

Начните с одной полки

Не нужно переносить весь склад за вечер. Заведите десять позиций с серийниками и проведите два прихода — увидите, сходятся ли остатки.

Собрать свой склад

Напишите боту «старт» — он пришлёт ссылку на установку и 5 000 000 токенов. Карту привязывать не нужно.