Перейти к содержимому
Антон ГончаровРазработчик ИИ-систем
RUEN

Веб-приложение · маркетплейсы · проверка модерации · юнит-экономика

Карточки товаров для WB и Ozon

Поставщик присылает описания как попало: «1000 гр», «ХИТ ПРОДАЖ!!!», штрихкод с опечаткой, фото квадратом с надписью «СКИДКА». Контент-менеджер переписывает каждую карточку дважды — у Wildberries и Ozon разные лимиты, справочники и требования к фото, — а ошибки всплывают только после отказа модерации. Здесь агент собирает обе карточки сразу и показывает всё, что не пройдёт, до выгрузки.

Сценарий: Обжарка кофе «Зерно» — вымышленная: шесть товаров от кофе в зёрнах до кружки, у четырёх из них есть проблемы. Можно добавить свой товар.

Скриншот демо: Карточки товаров для WB и Ozon

Открыть демо

Открыть приложение

Удобнее с компьютера: редактор, проверки и превью видны рядом. На телефоне — список товаров и карточка по очереди.

Приложение работает в браузере: на сервер ничего не отправляется.

Что показывает демо

  • Разбор текста поставщика: категория, страна, вес, обжарка, помол, вкус, материал, цвет, размеры коробки и штрихкод

  • Названия по формуле каждой площадки: на WB до 60 знаков и без бренда, на Ozon — с брендом и характеристиками, без повторов слов

  • Описание с ключевыми запросами и их частотой; запросы можно включать и выключать, охват считается сразу

  • Вредные запросы агент отсекает сам: чужой товарный знак, «для кофемашины» у светлой обжарки, «для турки» у среднего помола

  • Характеристики приводятся к справочникам площадок: «графит» становится «серым», «тёмная» — «темная» для WB

  • Оценочные слова — «хит продаж», «лучшая», «скидка» — убираются из текста с пояснением

  • Проверка модерации: обязательные поля, контрольная цифра EAN-13, пропорции и размер фото, надписи на главном фото

  • «Подготовить фото» — холст 3:4 900×1200 на белом фоне, надпись уходит с главного фото

  • Юнит-экономика: комиссия, логистика по литражу коробки, эквайринг и налог, рекомендованная цена под целевую маржу

  • JSON для Content API Wildberries и Seller API Ozon, сводка по всем товарам в Excel

Как попробовать

  1. Откройте кофе «Эфиопия»

    Обе карточки готовы к выгрузке: агент понял вес «1000 гр» как 1 кг, разложил вкус по характеристикам и написал описание с запросами.

  2. Посмотрите на кружку

    Квадратные фото 800×800 и «СКИДКА 30%» на главном — WB не пропустит. Нажмите «Подготовить фото», затем «Поставить цену» — маржа выйдет на 25%.

  3. Почините воронку

    «ХИТ ПРОДАЖ!!!» агент убрал сам, запрос «hario v60» отключил из-за чужого товарного знака. Осталась опечатка в штрихкоде: замените последнюю цифру на 1 — WB пропустит карточку, а Ozon попросит белый фон на главном фото.

  4. Заполните кофемолку

    На WB не хватает обязательной «Комплектации», а на Ozon её не требуют — переключите вкладки и сравните.

  5. Поправьте текст

    Измените название или описание вручную — проверки пересчитаются, а кнопка вернёт вариант агента.

  6. Добавьте свой товар

    «Добавить товар» — готовые примеры или свой текст. Для товара без категории агент попросит выбрать её вручную.

  7. Выгрузите

    Внизу карточки — JSON в формате API площадки, в шапке — сводка по всем товарам в Excel.

Без платных нейросетей

Карточки собирают правила: разбор текста поставщика, шаблоны названий и описаний под каждую площадку, справочники значений и проверки модерации. В рабочем проекте текст пишет языковая модель, а лимиты, справочники, штрихкоды и экономика остаются кодом — модель не решает, пройдёт ли карточка.

Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.

Что будет в рабочем проекте

  • Тексты пишет языковая модель (GPT, Claude, YandexGPT или GigaChat) по фактам из разбора и правилам площадки
  • Справочники категорий и характеристик — из Content API Wildberries и Seller API Ozon, обновляются по расписанию
  • Ключевые запросы и частоты — из аналитики площадок или сервисов вроде MPStats
  • Выгрузка карточек и цен через API, статусы модерации возвращаются в таблицу контент-менеджера
  • Товары из 1С, МойСклад или прайсов поставщиков; фото обрабатываются на сервере

Стек

  • React 19
  • TypeScript
  • Zustand
  • Vite
  • Tailwind CSS

Комментарий от разработчика

Антон Гончаров

Разработчик ИИ-систем · Python

Для бизнеса

  • Одна выгрузка поставщика превращается в карточки для обеих площадок за минуты, а не за день работы контент-менеджера.
  • Отказы модерации ловятся до выгрузки: штрихкод, фото, обязательные поля и запрещённые слова проверяются сразу.
  • Цена ставится не на глаз: видно, сколько съедят комиссия и логистика и сколько останется с продажи.

Для разработчиков

  • Карточка — чистая функция от товара, площадки и ручных правок: правка поля пересчитывает проверки, экономику и JSON без побочных эффектов.
  • Правила площадок — данные, а не код: лимиты, справочники, синонимы цветов и тарифы лежат в одной схеме и покрыты тестами.
  • Модели доверяется только текст: штрихкод проверяется по контрольной цифре, значения — по справочнику, длина — по лимиту площадки.

Советы

  • Совет 01

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

  • Совет 02

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

Нужен такой же для вашего бизнеса?

Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.

Написать в TelegramОставить заявку

Другие демо в этом разделе

Все демо

  • Веб-приложение · схема агента

    работает

    Конструктор AI-агента

    Агент поддержки собирается из блоков: намерения, база знаний, вызовы API, проверки и передача оператору. Отправьте сообщение клиента — путь подсветится на схеме шаг за шагом.

    • React
    • TypeScript

  • Веб-приложение · вопрос → SQL → график · PostgreSQL в браузере

    работает

    ИИ-аналитик данных

    Руководитель спрашивает своими словами — «выручка по каналам за 3 квартал», «какие клиенты перестали заказывать» — и получает SQL, график, таблицу и вывод. База продаж — настоящий PostgreSQL, который работает прямо в браузере.

    • React
    • TypeScript

  • Веб-приложение · риски по эталону · Word с правками

    работает

    Проверка договоров

    Контрагент прислал свой договор — проверка сверяет его с эталоном компании, подсвечивает рискованные пункты, объясняет, чем они опасны, и предлагает редакцию. На выходе — Word с режимом исправлений и протокол разногласий.

    • React
    • TypeScript

  • Веб-приложение · задачи из чата · канбан · вечерняя сводка

    работает

    ИИ-агент в рабочем чате

    В рабочем чате пишут как обычно — «Петя, до пятницы поправь прайс». Агент сам заводит задачу на канбане, двигает её по «Беру» и «Готово», переносит сроки и передаёт задачи, утром напоминает о просрочке, а вечером присылает сводку.

    • React
    • TypeScript

  • Веб-приложение · общий ящик · CRM · защита от подмены реквизитов

    работает

    ИИ-разбор входящей почты

    Агент читает общий ящик отдела продаж: понимает, что за письмо, достаёт поля, заводит сделку, обращение или задачу в CRM и готовит ответ. Счёт с новыми реквизитами и фишинг он ловит до того, как кто-то заплатит или перейдёт по ссылке.

    • React
    • TypeScript

  • Веб-приложение · расшифровка встречи · протокол · канбан

    работает

    Протокол совещания → задачи в канбан

    Агент читает расшифровку планёрки и собирает протокол: решения, задачи с исполнителем и сроком из живой речи, риски и открытые вопросы. Задачи уходят на канбан, а на следующей встрече агент сам двигает их по статусам.

    • React
    • TypeScript

  • Веб-приложение · персональные данные · медицина · аналитика

    работает

    Обезличивание данных перед нейросетью (152-ФЗ)

    Агент находит в письмах и расшифровках ФИО в любом падеже, телефоны, паспорта, СНИЛС, карты, адреса и диагнозы, заменяет их до отправки во внешнюю нейросеть, а её ответ возвращает к настоящим данным уже у вас. Таблицу пациентов обезличивает для аналитики так, чтобы никого нельзя было узнать.

    • React
    • TypeScript

  • Веб-приложение · автоматизация · amoCRM, 1С, Telegram

    работает

    Конвейер автоматизации в духе n8n

    Три рабочих сценария мебельной фабрики на холсте, как в n8n: заявки с сайта уходят в amoCRM и к менеджерам по горячести, оплата ЮKassa — в 1С с повторами и веткой ошибок, по утрам — сводка руководителю. Запустите событие и смотрите, как записи идут от узла к узлу; схему можно править и выгрузить в настоящий n8n.

    • React
    • TypeScript

  • Веб-приложение · мультиагентная система · контент

    работает

    Команда ИИ-агентов для контента

    Шесть агентов готовят публикацию по брифу: главред планирует, исследователь ищет факты в базе знаний, автор пишет, фактчекер и редактор возвращают черновик на доработку, SMM раскладывает текст по Telegram, ВКонтакте, рассылке, блогу и карусели. Видно всю переписку агентов, каждую правку и что ушло бы в публикацию без проверки.

    • React
    • TypeScript

  • Веб-приложение · HR · скоринг и чат-бот

    работает

    Отбор резюме и бот-интервьюер

    Двадцать резюме на три вакансии разбираются за секунды: периоды работы, стаж, зарплата и город, совпадение с требованиями и цитата из резюме на каждое «да» или «нет». Чего в резюме не хватает, уточняет бот: задаёт только недостающие вопросы, переспрашивает размытые ответы и записывает на собеседование. Пол, возраст и семья в оценку не попадают.

    • React
    • TypeScript

  • Веб-приложение · RAG · нейросеть в браузере

    работает

    Песочница поиска

    Как бот поддержки находит ответ в базе знаний: документы режутся на фрагменты, поиск идёт по словам, по смыслу или гибридом, и у каждого найденного фрагмента видно, почему он выше других.

    • React
    • TypeScript
    • Нейросеть в браузере

  • Веб-приложение · метрики · пороги CI

    работает

    Оценка качества бота

    Прежде чем выкатить новую настройку бота, её прогоняют на контрольных вопросах. Здесь видно, как это устроено: hit@1, hit@3, доля верных отказов, сравнение с продом и красная плашка, если CI не пропустил бы выкладку.

    • React
    • TypeScript
    • Нейросеть в браузере

  • Веб-приложение · безопасность AI · нативный JS

    работает

    Тренажёр защиты от prompt-инъекций

    Попробуйте обмануть бота поддержки: выманить секретный промокод, вытащить системный промпт или оформить возврат без оснований. Шесть уровней защиты, атаки в лоб и через письма, отзывы и базу знаний, журнал проверок по OWASP Top 10 для LLM.

    • Нативный JS

  • Веб-приложение · экономика AI · нативный JS

    работает

    Калькулятор стоимости AI-бота

    Сколько будет стоить бот в месяц на GPT, Claude, YandexGPT, GigaChat или своей модели на арендованной видеокарте. Расчёт по токенам, сравнение всех моделей на графике, советы, как платить меньше, и настоящий токенизатор o200k прямо в браузере.

    • Нативный JS