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

Веб-приложение · документы · DOCX и PDF

Генератор КП и договора

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

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

Скриншот демо: Генератор КП и договора

Открыть демо

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

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

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

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

  • Анкета сделки с проверкой полей: ИНН по контрольной цифре, КПП, обязательные реквизиты

  • Три шаблона на одних данных: коммерческое предложение, договор поставки с приложением и счёт

  • Скидка, НДС 22%, 10%, 5% и 7% для УСН или без НДС — итоги и сумма прописью пересчитываются сразу

  • Предпросмотр листа A4 вживую, как документ будет выглядеть на печати

  • Выгрузка: Word (DOCX), PDF через печать браузера и JSON сделки — его можно загрузить обратно

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

  1. Выберите покупателя

    Кофейня (ООО) или точка «Кофе с собой» (ИП) — реквизиты подставятся, справа появится КП.

  2. Соберите заказ

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

  3. Переключите шаблон

    «Договор» — договор поставки с преамбулой и приложением, «Счёт» — счёт на оплату с банковскими реквизитами.

  4. Выгрузите документ

    Word, PDF или JSON. Попробуйте покупателя «С опечаткой в ИНН» — выгрузка не пройдёт, а курсор встанет в поле с ошибкой.

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

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

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

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

  • Анкету заполняет бот или CRM: сделка из amoCRM или Bitrix24 превращается в документы одной кнопкой
  • Шаблоны компании в Word с вашими реквизитами, печатью и подписью
  • Реквизиты покупателя по ИНН из ФНС или DaData, а не вручную
  • Нумерация, история версий и отправка документов клиенту в Telegram, Max или на почту

Стек

  • React 19
  • TypeScript
  • React Hook Form
  • zod
  • docx
  • Vite

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

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

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

Для бизнеса

  • КП, договор и счёт собираются из одной анкеты за пару минут, без копирования реквизитов из старых файлов.
  • Суммы, НДС и пропись считаются сами, а документ с ошибкой в ИНН просто не выгрузится.
  • У всех менеджеров документы выглядят одинаково — компания выглядит солиднее.

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

  • Анкета на React Hook Form со схемой zod: ИНН и КПП проверяются по контрольным цифрам, при ошибке курсор встаёт в поле.
  • DOCX собирается библиотекой docx прямо в браузере, PDF — печатью страницы формата A4.
  • Сумма прописью и проверки реквизитов — общий пакет с тестами, им пользуются и другие демо.

Советы

  • Совет 01

    Считайте деньги в копейках целыми числами: ошибки округления дробных чисел рано или поздно попадут в счёт.

  • Совет 02

    Держите шаблон документа отдельно от данных: юрист правит текст без разработчика.

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

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

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

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

Все демо

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

    работает

    Голосовая заявка

    Клиент наговаривает заявку голосом, а менеджер получает готовую карточку: имя, компания, телефон, бюджет, сроки, задача и оценка — горячий лид или нет. Речь распознаёт Whisper прямо в браузере.

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

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

    работает

    Голосовой оператор доставки

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

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

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

    работает

    Речевая аналитика звонков

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

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

  • Веб-приложение · B2B · КП в PDF

    работает

    Конфигуратор цены

    Менеджер собирает заказ на все окна квартиры: тип, размер, створки на схеме, профиль, стеклопакет и цвет. Правила производства проверяются сразу, скидки и рассрочка считаются сами, КП с номером уходит в PDF.

    • React
    • TypeScript

  • Веб-приложение · финансы · сравнение

    работает

    Ипотечный калькулятор

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

    • React
    • TypeScript

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

    работает

    Калькулятор сметы ремонта

    Размеры комнат превращаются в площади пола, стен и потолка, а те — в работы по этапам. Работа и материалы отдельно, срок по выработке бригады, график оплаты и версии сметы для торга с клиентом.

    • React
    • TypeScript

  • Веб-приложение · витрина · чекаут · заказы

    работает

    SPA-каталог на React

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

    • React
    • TypeScript

  • Машинное обучение на Python · работает в браузере

    работает

    Аналитика отзывов с маркетплейсов

    Отзывы с Wildberries, Ozon и Яндекс Маркета через API продавца: модели scikit-learn определяют тональность и о чём пишут покупатели, тревога поднимается в первую неделю всплеска жалоб, новые темы находятся сами, а ответ уходит обратно через API площадки. Модели обучаются прямо в браузере.

    • Python
    • React
    • TypeScript

  • Виджет для сайта · нативный JS · одна строка

    работает

    Виджет AI-консультанта

    Консультант для любого сайта, который ставится одной строкой: отвечает по базе знаний со ссылкой на источник, собирает заявку и зовёт оператора. Написан на чистом JavaScript без фреймворков — весь виджет 21 КБ в gzip.

    • Нативный JS

  • Виджет для сайта · нативный JS · заявки

    работает

    Квиз-форма заявки

    Квиз вместо длинной формы: шесть вопросов с ветвлением, в конце — расчёт по прайсу. Менеджер получает заявку с оценкой «горячая / тёплая / холодная» и источником рекламы, а вкладка «Аналитика» показывает, на каком шаге уходят люди.

    • Нативный JS

  • Backend на Python · вебхуки → amoCRM и Битрикс24

    работает

    Интеграционный хаб заявок

    Заявки с сайта, из рекламы, звонков, почты и ботов приходят на вебхуки, приводятся к одному виду, проверяются на дубли, распределяются по менеджерам и доставляются в amoCRM и Битрикс24 — с повторами, когда CRM недоступна.

    • Python
    • React
    • TypeScript