Веб-приложение · вопрос → SQL → график · PostgreSQL в браузере
ИИ-аналитик данных
Отчёты в компании обычно делает один человек, и очередь к нему — неделя. Здесь вопрос разбирается на метрику, разрез, период и фильтры, семантический слой превращает их в SQL с едиными определениями «выручки» и «среднего чека», а ответ приходит графиком, таблицей и выводом в пару предложений. SQL видно и можно поправить, уточнения вроде «а только кофейни?» продолжают прошлый вопрос, а изменить данные аналитик не может.
Сценарий: Обжарка кофе «Зерно» — вымышленная: 21 месяц заказов, кофейни, рестораны, офисы и частные покупатели, четыре менеджера и планы продаж на 2026 год.
Открыть демо
Postgres грузится в браузер один раз — около 16 МБ, потом из кеша. Запросы и данные не покидают ваше устройство.
Приложение работает в браузере: на сервер ничего не отправляется.
Что показывает демо
Как попробовать
Спросите про продажи
«Сравни выручку 2025 и 2026 по месяцам» — две линии и вывод: насколько вырос январь — сентябрь и какой месяц сильнее всех.
Уточните
Спросите «Выручка по каналам за 2026 год», затем нажмите «А только кофейни?» — период и разрез останутся, добавится фильтр.
Копните глубже
Нажмите на полосу «опт» — откроется выручка опта по месяцам. Закрепите график булавкой: он останется на дашборде и после перезагрузки.
Найдите проблему
«Выполнение плана по менеджерам за сентябрь» и «Какие клиенты перестали заказывать?» — кто отстаёт и какую выручку стоит вернуть.
Попробуйте сломать
Напишите «Удали отменённые заказы» или впишите DELETE в SQL — аналитик откажется, а слишком тяжёлый запрос остановится через 5 секунд.
Без платных нейросетей
Postgres и SQL настоящие, данные синтетические. Вопрос разбирают правила, которые знают словарь этой базы, а вывод пишут правила по таблице результата. В рабочем проекте оба шага делает языковая модель: она получает схему и словарь метрик без самих данных и возвращает SQL, а выполняет его база с правами только на чтение.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Подключение к копии рабочей базы, 1С или хранилищу (PostgreSQL, ClickHouse) под пользователем только на чтение
- Языковая модель (GPT, Claude, YandexGPT или GigaChat) пишет SQL по схеме и словарю метрик, данные в модель не уходят
- Права по ролям: менеджер видит своих клиентов, руководитель — весь отдел
- Вопросы из Telegram и вечерняя сводка по ключевым метрикам
Стек
- Все демо по стеку:
- React
- TypeScript
- React 19
- TypeScript
- PostgreSQL
- PGlite
- Web Workers
- Recharts
- Zustand
- Vite
Основано на
Книги и дисциплины, идеи из которых работают в этом демо.
Книга · Джеймс Мартин
Организация баз данных в вычислительных системах
Семантический слой отделяет понятия руководителя — выручку, средний чек, прибыль — от схемы из шести таблиц.
Книга · Эндрю Таненбаум, Херберт Бос
Современные операционные системы
PostgreSQL работает в отдельном потоке Web Worker, а запрос останавливается через 5 секунд — интерфейс не зависает.
Книга · Георгий Челпанов
Учебник логики
Семантический слой даёт одно определение выручки, среднего чека и прибыли для всех запросов, а допущения выводятся под ответом: термины определены до расчёта.
Дисциплина · ВМК МГУ
Базы данных
Настоящий PostgreSQL в браузере: схема из шести таблиц, запросы только в транзакции READ ONLY, с остановкой через 5 секунд и не больше 1000 строк.
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Руководитель получает ответ за секунды, а не через неделю в очереди к аналитику, — и спрашивает чаще.
- «Выручка» и «средний чек» считаются везде одинаково: цифры в отчётах отделов перестают спорить друг с другом.
- Ушедшие клиенты и отставание от плана видны сразу, пока их ещё можно вернуть.
Для разработчиков
- Модель пишет SQL не по сырой схеме, а по семантическому слою: метрики, разрезы и фильтры заданы заранее и проверены тестами.
- Два замка на запись: проверка текста запроса и транзакция READ ONLY — Postgres откажет, даже если проверка что-то пропустит.
- PGlite в Web Worker: тяжёлый запрос не вешает страницу, а через 5 секунд воркер перезапускается.
Советы
Совет 01
Давайте модели схему и словарь метрик, но не данные: так дешевле, безопаснее и меньше выдумок.
Совет 02
Показывайте SQL и допущения под ответом — руководитель должен видеть, что именно посчитано.
Нужен такой же для вашего бизнеса?
Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.
Другие демо в этом разделе
Все демо- работает
Веб-приложение · схема агента
Конструктор AI-агента
Агент поддержки собирается из блоков: намерения, база знаний, вызовы API, проверки и передача оператору. Отправьте сообщение клиента — путь подсветится на схеме шаг за шагом.
- React
- TypeScript
- работает
Веб-приложение · риски по эталону · Word с правками
Проверка договоров
Контрагент прислал свой договор — проверка сверяет его с эталоном компании, подсвечивает рискованные пункты, объясняет, чем они опасны, и предлагает редакцию. На выходе — Word с режимом исправлений и протокол разногласий.
- React
- TypeScript
- работает
Веб-приложение · задачи из чата · канбан · вечерняя сводка
ИИ-агент в рабочем чате
В рабочем чате пишут как обычно — «Петя, до пятницы поправь прайс». Агент сам заводит задачу на канбане, двигает её по «Беру» и «Готово», переносит сроки и передаёт задачи, утром напоминает о просрочке, а вечером присылает сводку.
- 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