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

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

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

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

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

Скриншот демо: ИИ-агент в рабочем чате

Открыть демо

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

Чат и канбан работают в браузере: сообщения никуда не отправляются.

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

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

  • Поручение с именем и сроком («до пятницы», «завтра», «к среде») → карточка на канбане

  • «Беру» / «Принял» / «Готово» и фразы вроде «Прайс готов» двигают задачу автора

  • «Перенеси креативы на понедельник», «передай прайс Маше», «креативы отменяем» — срок, исполнитель, отмена

  • «Что у Пети?», «мои задачи», «что в работе?» — агент отвечает списком; на непонятное обращение — подсказкой

  • Ответ агента цитирует сообщение и ведёт к карточке; у карточки — исходное сообщение и история

  • Канбан с перетаскиванием и фильтром по людям: правки на доске агент пересказывает в чат

  • «Следующее утро» — утренняя сводка и личное напоминание каждому, у кого просрочка

  • «Проиграть день» и вечерняя сводка: сделано, в работе, очередь и просроченное

  • Писать можно от имени любого участника команды

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

  1. Посмотрите готовый день

    После загрузки уже разобран сценарий: четыре задачи, часть закрыта, креативы ещё в работе.

  2. Проиграйте день заново

    «Проиграть день» — сообщения появляются по очереди, агент отвечает и двигает карточки.

  3. Напишите своё поручение

    От имени Анны: «Маша, до завтра проверь накладные» — на канбане появится карточка.

  4. Закройте задачу из чата

    Переключитесь на Марию, напишите «Накладные готовы» или «Готово» — карточка уйдёт в «Готово».

  5. Перенесите или передайте задачу

    «Перенеси креативы на понедельник» или «Передай креативы Маше» — агент поправит карточку и ответит в чате. То же можно сделать в карточке на доске.

  6. Перемотайте на утро

    Нажмите «Следующее утро» пару раз: агент пришлёт утреннюю сводку и напомнит Петру о просроченных креативах.

  7. Спросите сводку

    Кнопка «Вечерняя сводка» или «@зернобот сводка» в чате — список сделанного и просроченного.

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

Сообщения разбирают правила: они узнают поручение с именем и сроком, ответы «беру» / «готово», перенос срока, передачу и отмену задачи, вопросы о задачах и просьбу о сводке. В рабочем проекте этот шаг делает языковая модель — она понимает любые формулировки, а карточки по-прежнему пишет в канбан через API.

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

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

  • Бот в Telegram, Max или Slack читает рабочий чат команды (с явным согласием)
  • Языковая модель (GPT, Claude, YandexGPT или GigaChat) разбирает реплики и вызывает инструменты канбана
  • Карточки в Yougile, Notion, Jira или Битрикс24; сводка руководителю в личку вечером
  • Правила эскалации: просрочка больше N дней — отдельное сообщение

Стек

  • React 19
  • TypeScript
  • dnd-kit
  • Zustand
  • Vite
  • Tailwind CSS

Основано на

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

  • Книга · Глеб Архангельский, Ольга Стрелкова

    Удалёнка. Экспресс-курс по работе из дома

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

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

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

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

Для бизнеса

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

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

  • Разбор реплик — чистые функции с тестами: поручение, статус, перенос, передача, отмена, сводка; имена в любом падеже, кириллица без ASCII-\b.
  • Чат и доска — один источник правды: правки на канбане (@dnd-kit) идут через те же действия, что и команды, и агент пересказывает их в чат.
  • «Проиграть день» — тот же replay, что в тестах, только с паузами для демонстрации.

Советы

  • Совет 01

    Начните с шаблонов поручений («Имя, до срока глагол…») — так агент ошибается реже, даже без модели.

  • Совет 02

    Сводку лучше слать в личку руководителю, а не в общий чат — иначе вечером шумит вся команда.

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

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

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

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

Все демо

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • React
    • TypeScript

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

    работает

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

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

    • 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