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

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

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

Заявки, оплаты и отчёты во многих компаниях до сих пор переносят руками: менеджер копирует заявку в CRM, бухгалтер вбивает оплату в 1С, руководитель утром собирает цифры из трёх мест. Здесь это делает конвейер из узлов: проверяет телефон, ищет клиента в amoCRM, просит нейросеть оценить заявку, создаёт сделку и пишет нужному менеджеру. Если 1С не отвечает, он повторяет запрос, а потом ставит заказ в очередь и предупреждает дежурного — оплата не теряется.

Сценарий: Мебельная фабрика «Дубрава» — вымышленная: amoCRM с восемью сделками, Google Таблицы, чаты менеджеров и руководителя в Telegram, почта и 1С. Все сервисы — заглушки с ответами как у настоящих API.

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

Открыть демо

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

Удобнее с компьютера: схема, данные узла и сервисы видны рядом.

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

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

  • Три сценария: заявки с сайта, оплата → 1С и утренняя сводка по расписанию

  • Записи идут по схеме узел за узлом: на связях — сколько записей прошло, ветка ошибки подсвечена красным

  • У каждого узла — вход, выход и параметры после запуска: таблица или JSON, переключатель записей

  • Выражения как в n8n: {{ $json.phone }}, {{ $('Нормализация').item.json.name }}, {{ $now.minus({ days: 1 }) }} — со значением прямо под полем; клик по полю данных вставляет выражение

  • Условие, развилка, фильтр, итоги, код, поля, HTTP-запрос, amoCRM, нейросеть, Telegram, почта, Google Таблицы

  • Повторы при сбое и поведение после ошибки: остановить сценарий, продолжить или увести запись в ветку «ошибка»

  • Схему можно править: добавить узел из палитры, соединить, отключить, переименовать — ссылки на узел в выражениях обновятся сами

  • Подсказки до запуска: нет триггера, узел не подключён, ссылка на несуществующий узел, пустой текст сообщения

  • Данные события можно поменять — телефон, текст заявки, IP отправителя оплаты — и запустить снова

  • Результат виден в сервисах: сделки и примечания в amoCRM, сообщения в чатах, строки таблиц, письма, заказы в 1С

  • Выгрузка в JSON n8n: импортируется в настоящий n8n с теми же узлами, связями, выражениями и повторами

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

  1. Запустите горячую заявку

    «Кухня, хотят замер» → «Запустить». Записи пройдут проверку телефона, поиск в amoCRM, оценку нейросетью и попадут к Денису с пометкой «перезвонить за 15 минут».

  2. Откройте узел

    Нажмите «Оценить заявку» — на вкладке «Выход» тема, бюджет и горячесть. На «Создать сделку» видно, какие выражения превратились в название и бюджет сделки.

  3. Пришлите повторную и битую заявку

    Игорь Седов уже клиент — сделка не дублируется, к ней добавляется примечание. Заявка с телефоном «12-34» уходит в ветку «нет» и в чат менеджеров.

  4. Положите 1С

    «Оплата → 1С», событие «1С недоступна». Три попытки с паузой, затем ветка ошибки: сообщение дежурному и строка в листе «Повтор в 1С». Сделка всё равно станет «Оплачено».

  5. Поменяйте схему

    Отключите узел, удалите связь или добавьте «Поля» из палитры — снизу появятся замечания. «Исходная схема» вернёт всё как было.

  6. Выгрузите в n8n

    «В n8n» → скачайте JSON и импортируйте в свой n8n: останется подключить ключи amoCRM, Telegram, почты и Google.

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

Схему выполняет собственный движок в браузере: записи, выражения, ветки, повторы и обработка ошибок устроены как в n8n, но это не сам n8n. amoCRM, 1С, Таблицы, Telegram и почта — заглушки в памяти с ответами как у настоящих API. Нейросеть тоже заглушка: тему, бюджет и горячесть она берёт из слов заявки. В рабочем проекте сценарий живёт в n8n на вашем сервере, а вместо заглушки — запрос к модели.

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

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

  • n8n на вашем сервере в Docker: данные клиентов не уходят в чужое облако, сценарии правит менеджер, а не программист
  • amoCRM или Битрикс24, 1С через HTTP-сервисы, МойСклад, Google Таблицы, Telegram и почта — готовыми узлами или запросами к API
  • Оценка заявок через YandexGPT, GigaChat или GPT с проверкой ответа кодом: нейросеть не меняет сделки без правил
  • Повторы, очередь неотправленного и уведомления дежурному: ни одна оплата и заявка не теряется молча
  • Сложная логика — отдельным сервисом на Python, n8n только вызывает его; сценарии в git и резервные копии базы

Стек

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

Основано на

Книги и дисциплины, идеи из которых работают в этом демо.

  • Дисциплина · ВМК МГУ

    Дискретные структуры

    Сценарий автоматизации — ориентированный граф: записи идут от узла к узлу, ветка ошибки — отдельный путь.

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

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

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

Для бизнеса

  • Заявка с сайта попадает в CRM и к нужному менеджеру за секунды, горячие — с пометкой перезвонить, а не лежат до утра.
  • Оплата не теряется, даже если 1С недоступна: конвейер повторит запрос, поставит заказ в очередь и предупредит дежурного.
  • Схему видно целиком: менеджер сам понимает, куда уходит заявка, и может поменять текст сообщения без программиста.

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

  • Движок — чистая функция от схемы, события и состояния сервисов: тесты прогоняют все события трёх сценариев, повторы и ветку ошибок.
  • Выражения разбирает свой парсер без eval: только поля записи, $json, $('Узел'), $now и разрешённые методы строк и чисел.
  • Выгрузка проверена импортом в настоящий n8n, а JS-код узлов «Код» в тестах исполняется и сверяется с результатом движка.

Советы

  • Совет 01

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

  • Совет 02

    Сложную логику держите в отдельном сервисе, а не в узлах «Код»: n8n удобен для связок, а не для бизнес-правил на сотни строк.

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

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

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

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

Все демо

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

    Агент превращает текст поставщика в две карточки — для Wildberries и для Ozon: название в лимите площадки, описание с ключевыми запросами, характеристики по справочнику. Потом проверяет то, на чём карточки срезаются на модерации, и считает, сколько останется с продажи.

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • 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