Категория · Дашборды, отчёты и финансы

Пять цифр вместо семи вкладок

Дашборд для тех, кто ведёт бизнес сам: выручка, расходы, план и факт на одном экране. Собираете приложение по готовому промпту за вечер — без аналитика и без ежемесячной подписки.

Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.

CSS-макет, не скриншот

01 · Что вы получите

Экран, который отвечает на утренний вопрос

Не «аналитика» вообще, а конкретные цифры вашей работы. Вот что будет внутри первого файла.

01

Свои показатели, не шаблонные

Пять–семь KPI на первом экране: выручка, расходы, прибыль, средний чек, конверсия. Те, которые вы смотрите каждое утро, а не те, что попали в чужой дашборд.

02

План и факт рядом

Отклонение в рублях и процентах, без пересчёта в голове. Сразу видно, какой месяц вытягивает квартал, а какой тянет вниз.

03

Разрезы без выгрузок

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

04

Импорт из таблицы

Если цифры уже ведутся в Excel или CSV, переносите их один раз. Настройка колонок запоминается, следующий файл грузится в два клика.

02 · Почему собрать самому

Почему собрать самому, а не платить за готовое

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

01

Экономия без иллюзий

Разработчик «под ключ» — это счёт на десятки тысяч рублей и очередь на месяц. Подписка — платёж каждый месяц, пока вы пользуетесь чужим сервисом. Здесь нет счёта за разработку и нет ежемесячного платежа: файл собирается из промпта на токенах, которые бот выдаёт при старте. Дальше остаётся разобраться со своими цифрами.

02

Система адаптируется под вас

Поля, статусы и экраны меняются словами: «добавь статью „доставка“» или «убери колонку с менеджером». Не нужно переписывать техзадание и искать программиста.

03

Приложение принадлежит вам

Один HTML-файл лежит у вас на диске и открывается в браузере. Данные — в localStorage этого браузера, а не на чужом сервере. Захотите — перенесёте файл на другой компьютер.

04

Не нужно объяснять задачу пять раз

Правка — это новая формулировка в том же чате: «считай маржу после доставки». Приложение переделывается целиком, а не обрастает костылями и не ждёт следующего спринта.

05

Нет лимитов тарифа

Добавляете показатель, когда он понадобился, а не когда появился в следующем плане. Никаких пометок «функция доступна на тарифе Про» и счётчиков на количество отчётов.

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-файл.

Моя задача: ___ (одна фраза о вашей работе и цифрах, которые нужны).
Можно вставить как есть — этого хватит для первого файла. ≈ 1 900 символов

05 · Семь шагов

Семь шагов по кнопкам

Это продолжение схемы выше. На нишевых страницах шаги показаны со скриншотами — здесь достаточно названий кнопок и коротких пояснений.

Проверьте установку

Приложение AI DIY уже установлено из бота. Откройте его на телефоне или компьютере — там же лежат 5 000 000 токенов.

Нажмите «Открыть веб-интерфейс»

Откроется тот же инструмент в браузере: проекты, чат и файлы. Ничего дополнительно устанавливать не нужно.

Нажмите «Создать проект»

Название должно объяснять задачу: «Дашборд продаж», «Финансы за месяц». Так проще найти файл через неделю.

Вставьте промпт

Скопируйте текст из блока выше и отправьте его в поле проекта. Свою задачу допишите в последнюю строку после «Моя задача».

Ответьте на вопросы

Бот спросит про цифры, периоды и разрезы. Отвечайте обычными словами, без терминов. Если не уверены — так и напишите, он предложит вариант.

Нажмите «Отправить»

Дождитесь файла: обычно это одна страница HTML. Если бот что-то уточняет, ответьте и отправьте снова — это нормальная часть работы.

Откройте файл и правьте словами

Сохраните HTML на диск и откройте в браузере. Дальше меняйте формулировки в чате: «добавь статью расходов», «покажи маржу», «убери лишнюю колонку».

Где обычно ломается: на шаге с вопросами. Люди стараются ответить «правильно» и пишут общими словами. Лучше назовите три конкретные цифры, которые смотрите каждую неделю, — этого достаточно для первого экрана.

06 · Сценарии категории

Десять сценариев, из которых можно начать

Выберите нишу, которая ближе к вашей работе. На странице сценария — свой промпт, примеры экранов и та же инструкция из семи шагов.

01Сводка

Сводка для бизнеса

Выручка, расходы и прибыль на одном экране — без сведения трёх таблиц вручную.

Открыть сценарий
02Продажи

Продажи

Выручка, средний чек и конверсия: видно, где именно проседает месяц.

Открыть сценарий
03Финансы

Доходы и расходы

Каждая трата разложена по категориям — понятно, куда уходят деньги до конца месяца.

Открыть сценарий
04Общепит

Выручка кафе

Дневная выручка, фудкост и стоп-лист по сменам, а не по памяти управляющего.

Открыть сценарий
05Маркетплейс

Маркетплейс

Продажи, возвраты и комиссии в одном отчёте — без выгрузок из трёх кабинетов.

Открыть сценарий
06Производство

Заказы в производстве

Загрузка и сроки по каждому заказу: где уже горит, а где ещё есть запас.

Открыть сценарий
07Авто

Расходы на автомобиль

Топливо, ремонты и страховка складываются в одну цифру — стоимость километра.

Открыть сценарий
08План

План и факт продаж

План на месяц и реальность рядом, с отклонением в рублях, а не в ощущениях.

Открыть сценарий
09Подписки

Подписки

Все списания и даты продления в одном списке — больше ничего не всплывает неожиданно.

Открыть сценарий
10Смены

Смены и табель

Часы, смены и выплаты считаются сами — без бумажного табеля и пересчёта вручную.

Открыть сценарий

Нужно что-то другое? Посмотрите соседние категории: документы, склад и CRM. Устройство страницы и сборка там такие же.

07 · Общее

Что общего у всех сценариев

Разные цифры, одна конструкция. Это важно, если вы начнёте с одного сценария, а потом захотите перенести подход на другой отдел.

Один HTML-файл

Ни установки, ни сборки, ни зависимостей. Файл открывается двойным щелчком в любом современном браузере.

Данные у вас

Записи хранятся в localStorage браузера. Никто, кроме вас, их не видит; сервер для работы не нужен.

Правки словами

Добавить поле, статус или экран — это сообщение в чате. Не новое техзадание, не спринт и не ожидание разработчика.

Демо-данные с кнопкой удаления

Внутри лежит пример, чтобы интерфейс не был пустым. Кнопка «Удалить тестовые данные» очищает данные за один раз, с подтверждением.

Честно

Чего не будет: совместной работы в реальном времени и автосинхронизации с банком. Если два человека должны видеть одни и те же цифры одновременно, придётся договориться о ручном обмене файлом. Для личного и небольшого дела этого обычно достаточно.

08 · Вопросы

Вопросы, которые задают до старта

Коротко о том, что смущает чаще всего. Если ответа нет, начните с промпта — бот задаст остальные вопросы сам.

Нужны ли Excel, 1С или доступ к банку?

Нет. Цифры можно вводить вручную или загружать CSV. Автоматической синхронизации с банком и 1С нет — это ограничение стоит знать заранее. Если у вас уже есть выгрузка, её хватит для старта.

Я не знаю, какие показатели мне нужны. Что тогда?

Это нормальный старт. Бот задаст 8–15 вопросов о работе и предложит набор: выручка, расходы, прибыль, средний чек. Первый экран можно собрать из трёх цифр, остальные добавить позже словами.

Где хранятся данные и что будет, если я почищу браузер?

В localStorage — локальном хранилище браузера. Очистка данных сайта удалит записи, поэтому делайте выгрузку или резервную копию файла. Между устройствами данные сами не переносятся.

Можно добавить свои категории и формулы?

Да. «Добавь статью „доставка“» или «считай маржу после налогов» — обычная просьба в чате. Приложение пересоберётся целиком, без ручной правки кода.

Сколько времени занимает сборка?

Обычно один вечер: 30–50 минут на ответы и генерацию, ещё немного на проверку цифр. Первый файл почти всегда черновой — его доводят двумя-тремя правками.

Дальше

Начните с одной цифры, которую смотрите каждое утро

Если сомневаетесь между сценариями, возьмите «Доходы и расходы»: он проще всего и сразу показывает, где вы теряете деньги. Промпт, семь шагов и готовый файл — на этой странице.

Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.