Меня зовут Дарья Панина, я руководитель IX (Information Experience) в Битрикс24.
Покажу, как быстро собрать дашборд загрузки отдела. Собирать будем с нашим ИИ-агентом Коворк/Код, размещать на платформе вайб-кодинга Битрикс24 Вайбкод. Задача — потратить минимум времени и получить экран, которым реально пользуешься перед каждым спринтом.
Содержание
Проблема: руководителю нужен общий срез по загрузке отдела
Что хочу получить
-
Собираю приложение в Коворк/Код
Шаг 1. Описываю приложение обычным текстом
Шаг 2. Проверяю первую версию
Шаг 3. Регистрирую дашборд в Битрикс
Шаг 4. Дорабатываю логику и интерфейс
Сколько заняло
Что в итоге
Проблема: руководителю нужен общий срез по загрузке отдела
В Битрикс24 есть задачи, ответственные и сроки. Но нет одного экрана, где сразу видно состояние по отделу: кто сейчас загружен сильнее, у кого уже просрочки, у кого завал дедлайнов на ближайшие дни.
Что можно сделать:
Перед планёркой собирать статусы вручную или просить людей скинуть в чат. Привычно, но муторно.
Собрать такой экран самой через через агента Битрикс24 Коворк/Код и сразу открыть его всему отделу.
Выбираем второй вариант и пробуем.
Что хочу получить
Экран, который работает по такому сценарию:
Получает сотрудников выбранного отдела.
Собирает их активные задачи.
Считает активные, просроченные и задачи с ближайшим дедлайном.
Сравнивает загрузку и поднимает самых занятых наверх.
По клику открывает задачи конкретного человека.
Сразу оговорюсь, загрузка тут условная — она считается по количеству активных задач и дедлайнов, а не по реально затраченному времени. Перекосы показывает, фактические часы — нет. Для быстрой оценки перед планёркой этого хватает.
Собираем приложение в Коворк/Код
Сначала подготовка.
Устанавливаю агента — скачиваю приложение со страницы vibecode.bitrix24.tech/cowork-code. Открываю Коворк/Код и привязываю к своему порталу — для этого нужно авторизоваться в Битрикс24 в браузере:
Чтобы будущее приложение можно было развернуть на серверах Битрикс24, нужна активная подписка:
РФ — подписка BitrixGPT + Маркетплейс
Казахстан и Узбекистан — платный или демо-тариф Битрикс24
Беларусь — платный тариф Битрикс24, демо-тариф Битрикс24 либо платная подписка Битрикс24 Маркет Плюс
К агенту привязываю API-ключ платформы:
Создать API-ключ можно на странице https://vibecode.bitrix24.tech/keys:
Шаг 1. Описываю приложение обычным текстом
Приложение можно описать своими словами — просто объяснить, что нужно и какая боль в процессе. Я написала так:
Сделай дашборд загрузки отдела. Хочу на одном экране видеть всех сотрудников отдела и понимать, кто сейчас сильнее загружен.
Для каждого сотрудника покажи количество активных задач, просроченных задач и задач с дедлайном на ближайшие семь дней. По этим данным сделай простой визуальный индикатор загрузки.
Если нажать на сотрудника, покажи список его текущих задач с названием, сроком и статусом.
Сверху выведи общую статистику по отделу: сколько в нем сотрудников, сколько всего активных задач и сколько просроченных.
Данные бери из Битрикс24 через REST. Интерфейс сделай простым и понятным для руководителя.
Дальше синхронизируюсь с агентом: прошу его пересказать, как он понял задачу, — чтобы убедиться, что мы про одно и то же:
Потом прошу составить план:
Шаг 2. Проверяю первую версию
Когда агент собрал приложение, первым делом смотрю общий вид — его видно во встроенном браузере:
Индикатор загрузки на месте, строки сотрудников кликаются. Иду дальше — добавляю приложение в Битрикс24.
Шаг 3. Регистрируем дашборд
Нажимаю «Деплой» (если это не первая версия, то вместо «Деплой» будет написано «Повторить»):
После деплоя пару вещей нужно сделать руками. Захожу в панель платформы Вайбкод, в левом меню нахожу «Приложения» и своё новое приложение — оно может называться по имени сервера, например b24-cowork-asd8sdf. Нажимаю на три точки:
Откроется меню, где приложение можно встроить в тот Битрикс24, к которому привязан текущий вход.
Дальше выбираю, как именно им пользоваться: границы доступа к дашборду…
…и куда его встроить — в левое меню или в конкретный раздел:
Шаг 4. Дорабатываю логику и интерфейс
Основа готова, теперь докручиваю детали.
Прошу агента добавить деталей по сотруднику::
Сделай строку сотрудника раскрываемой. Например:
Александра Петрова — 7 активных / 1 просрочена
→ Подготовить лендинг — до 9 октября
→ Проверить тексты — до 11 октября
→ Собрать аналитику — без срока
Вот что получилось:
Новые задачи можно заводить прямо через Коворк/Код. Я попросила создать несколько тестовых задач для разных сотрудников — они сразу появились на дашборде:
Сколько заняло
20 минут — вместе со всеми доработками и тестовыми задачами.
Честно про шероховатости:
Логику дашборда агент собрал без ошибок, а вот добавлять приложение в портал пришлось руками.
Один раз Коворк/Код не нашёл сотрудника при создании задачи — решилось повторным запросом.
Ещё раз потерял доступ к порталу — переподключила:
Что в итоге
Главное, что дала мне сборка через родной агент Коворк/Код: дашборд сразу живёт внутри Битрикс24. Берёт его данные, видит существующих пользователей и после публикации открывается нужному отделу или всем сотрудникам. Не пришлось отдельно заводить пользователей, объяснять агенту устройство портала и придумывать, как раздать приложение.
Путь от идеи до рабочего экрана — 20 минут. Для небольшого инструмента вроде этого — честно рабочая история, которую реально повторить самому. Можно быстро сделать автоматизацию, на которую раньше пришлось бы заводить заявку на разработку.