Свои показатели, не шаблонные
Пять–семь KPI на первом экране: выручка, расходы, прибыль, средний чек, конверсия. Те, которые вы смотрите каждое утро, а не те, что попали в чужой дашборд.
Категория · Дашборды, отчёты и финансы
Дашборд для тех, кто ведёт бизнес сам: выручка, расходы, план и факт на одном экране. Собираете приложение по готовому промпту за вечер — без аналитика и без ежемесячной подписки.
Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.
| Статья | План | Факт | Δ | Статус |
|---|---|---|---|---|
| Продажи | 1 300 000 | 1 284 000 | −1,2% | ок |
| Маржа | 38,0% | 36,7% | −1,3 п.п. | риск |
| Расходы | 800 000 | 812 600 | +1,6% | риск |
CSS-макет, не скриншот
01 · Что вы получите
Не «аналитика» вообще, а конкретные цифры вашей работы. Вот что будет внутри первого файла.
Пять–семь KPI на первом экране: выручка, расходы, прибыль, средний чек, конверсия. Те, которые вы смотрите каждое утро, а не те, что попали в чужой дашборд.
Отклонение в рублях и процентах, без пересчёта в голове. Сразу видно, какой месяц вытягивает квартал, а какой тянет вниз.
Категории, точки, менеджеры, дни недели. Нажимаете на цифру — открывается список операций, из которых она собралась.
Если цифры уже ведутся в Excel или CSV, переносите их один раз. Настройка колонок запоминается, следующий файл грузится в два клика.
02 · Почему собрать самому
Пять причин без обещаний «всё будет легко». Просто сравнение с тем, как это обычно устроено.
Разработчик «под ключ» — это счёт на десятки тысяч рублей и очередь на месяц. Подписка — платёж каждый месяц, пока вы пользуетесь чужим сервисом. Здесь нет счёта за разработку и нет ежемесячного платежа: файл собирается из промпта на токенах, которые бот выдаёт при старте. Дальше остаётся разобраться со своими цифрами.
Поля, статусы и экраны меняются словами: «добавь статью „доставка“» или «убери колонку с менеджером». Не нужно переписывать техзадание и искать программиста.
Один HTML-файл лежит у вас на диске и открывается в браузере. Данные — в localStorage этого браузера, а не на чужом сервере. Захотите — перенесёте файл на другой компьютер.
Правка — это новая формулировка в том же чате: «считай маржу после доставки». Приложение переделывается целиком, а не обрастает костылями и не ждёт следующего спринта.
Добавляете показатель, когда он понадобился, а не когда появился в следующем плане. Никаких пометок «функция доступна на тарифе Про» и счётчиков на количество отчётов.
03 · Как это устроено
Промпт для дашборда лежит ниже на этой странице — писать его самому не нужно. Сначала короткий путь от бота до готового приложения.
В Telegram-боте @get_ai_access_bot пишете «старт». Он присылает ссылку на установку приложения AI DIY и 5 000 000 токенов.
Открываете приложение и нажимаете «Открыть веб-интерфейс» — это тот же инструмент, только в браузере.
Нажимаете «Создать проект», называете его понятно — например «Дашборд продаж» — и вставляете промпт с этой страницы.
Бот задаёт 8–15 вопросов о вашей работе простыми словами и отдаёт готовый HTML-файл приложения.
Дальше — те самые семь шагов, по кнопкам. Они ниже, сразу после промпта.
Показать 7 шагов04 · Промпт
Скопируйте целиком и вставьте в поле нового проекта. В конце оставьте одну фразу о своей работе — под неё бот задаст вопросы.
Текст для нового проектаДашборд: сводка, план и факт
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать дашборд: один экран, на котором видно деньги и загрузку. Я не программист — структуру данных и экраны придумай сам. Сначала короткий опрос на понятном языке (8–15 вопросов, с вариантами ответов): какие цифры нужно видеть каждое утро; за какой период их смотреть; есть ли план и как он задаётся; откуда берутся данные — вручную, из CSV, из таблицы; кто ещё будет смотреть отчёт; какие разрезы важны — категории, точки, менеджеры, дни недели. Не спрашивай про фреймворки, базы данных и API. После ответов перескажи, что понял, и только потом начинай. Спроектируй сущности сам: операция (доход или расход), категория, план на период, показатель. Продумай поля, связи по стабильным ID, статусы и пустые состояния. Экраны: сводка с 5–7 KPI; график по неделям или месяцам с линией плана; таблица план/факт с отклонением в рублях и процентах; список операций с фильтрами. Связанные записи должны открываться друг из друга, а новую операцию можно добавить прямо из текущего экрана. Дизайн выбери сам: аккуратная типографика, моноширинные цифры, единые компоненты, состояния hover и focus, адаптив от 360 px. Никаких декоративных графиков ради красоты. Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков и npm. Раздели слои: хранение → сущности → действия → компоненты → экраны. После любого изменения данные сохраняются, интерфейс обновляется без перезагрузки. Добавь реалистичные демо-данные и кнопку «Удалить тестовые данные» с подтверждением. Предусмотри пустые поля, битые данные в localStorage и закрытие окон по Escape. Перед выдачей сам пройди сценарии: добавить операцию, изменить план, отфильтровать месяц, перезагрузить страницу, открыть с телефона. Ответ — полный готовый HTML-файл. Моя задача: ___ (одна фраза о вашей работе и цифрах, которые нужны).
05 · Семь шагов
Это продолжение схемы выше. На нишевых страницах шаги показаны со скриншотами — здесь достаточно названий кнопок и коротких пояснений.
Приложение AI DIY уже установлено из бота. Откройте его на телефоне или компьютере — там же лежат 5 000 000 токенов.
Откроется тот же инструмент в браузере: проекты, чат и файлы. Ничего дополнительно устанавливать не нужно.
Название должно объяснять задачу: «Дашборд продаж», «Финансы за месяц». Так проще найти файл через неделю.
Скопируйте текст из блока выше и отправьте его в поле проекта. Свою задачу допишите в последнюю строку после «Моя задача».
Бот спросит про цифры, периоды и разрезы. Отвечайте обычными словами, без терминов. Если не уверены — так и напишите, он предложит вариант.
Дождитесь файла: обычно это одна страница HTML. Если бот что-то уточняет, ответьте и отправьте снова — это нормальная часть работы.
Сохраните HTML на диск и откройте в браузере. Дальше меняйте формулировки в чате: «добавь статью расходов», «покажи маржу», «убери лишнюю колонку».
Где обычно ломается: на шаге с вопросами. Люди стараются ответить «правильно» и пишут общими словами. Лучше назовите три конкретные цифры, которые смотрите каждую неделю, — этого достаточно для первого экрана.
06 · Сценарии категории
Выберите нишу, которая ближе к вашей работе. На странице сценария — свой промпт, примеры экранов и та же инструкция из семи шагов.
Выручка, расходы и прибыль на одном экране — без сведения трёх таблиц вручную.
Открыть сценарийВыручка, средний чек и конверсия: видно, где именно проседает месяц.
Открыть сценарийКаждая трата разложена по категориям — понятно, куда уходят деньги до конца месяца.
Открыть сценарийДневная выручка, фудкост и стоп-лист по сменам, а не по памяти управляющего.
Открыть сценарийПродажи, возвраты и комиссии в одном отчёте — без выгрузок из трёх кабинетов.
Открыть сценарийЗагрузка и сроки по каждому заказу: где уже горит, а где ещё есть запас.
Открыть сценарийТопливо, ремонты и страховка складываются в одну цифру — стоимость километра.
Открыть сценарийПлан на месяц и реальность рядом, с отклонением в рублях, а не в ощущениях.
Открыть сценарийВсе списания и даты продления в одном списке — больше ничего не всплывает неожиданно.
Открыть сценарийЧасы, смены и выплаты считаются сами — без бумажного табеля и пересчёта вручную.
Открыть сценарийНужно что-то другое? Посмотрите соседние категории: документы, склад и CRM. Устройство страницы и сборка там такие же.
07 · Общее
Разные цифры, одна конструкция. Это важно, если вы начнёте с одного сценария, а потом захотите перенести подход на другой отдел.
Ни установки, ни сборки, ни зависимостей. Файл открывается двойным щелчком в любом современном браузере.
Записи хранятся в localStorage браузера. Никто, кроме вас, их не видит; сервер для работы не нужен.
Добавить поле, статус или экран — это сообщение в чате. Не новое техзадание, не спринт и не ожидание разработчика.
Внутри лежит пример, чтобы интерфейс не был пустым. Кнопка «Удалить тестовые данные» очищает данные за один раз, с подтверждением.
Чего не будет: совместной работы в реальном времени и автосинхронизации с банком. Если два человека должны видеть одни и те же цифры одновременно, придётся договориться о ручном обмене файлом. Для личного и небольшого дела этого обычно достаточно.
08 · Вопросы
Коротко о том, что смущает чаще всего. Если ответа нет, начните с промпта — бот задаст остальные вопросы сам.
Нет. Цифры можно вводить вручную или загружать CSV. Автоматической синхронизации с банком и 1С нет — это ограничение стоит знать заранее. Если у вас уже есть выгрузка, её хватит для старта.
Это нормальный старт. Бот задаст 8–15 вопросов о работе и предложит набор: выручка, расходы, прибыль, средний чек. Первый экран можно собрать из трёх цифр, остальные добавить позже словами.
В localStorage — локальном хранилище браузера. Очистка данных сайта удалит записи, поэтому делайте выгрузку или резервную копию файла. Между устройствами данные сами не переносятся.
Да. «Добавь статью „доставка“» или «считай маржу после налогов» — обычная просьба в чате. Приложение пересоберётся целиком, без ручной правки кода.
Обычно один вечер: 30–50 минут на ответы и генерацию, ещё немного на проверку цифр. Первый файл почти всегда черновой — его доводят двумя-тремя правками.
Дальше
Если сомневаетесь между сценариями, возьмите «Доходы и расходы»: он проще всего и сразу показывает, где вы теряете деньги. Промпт, семь шагов и готовый файл — на этой странице.
Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.