Открыть бота

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

План продаж и факт — в одной таблице, без оправданий и сводных отчётов

Напишите боту «старт», заберите 5 000 000 токенов и соберите панель, где план месяца стоит рядом с реальными оплатами: видно, сколько недобрали.

  • 5 000 000 токенов
  • 7 шагов
  • один HTML-файл
  • данные у вас

Утро понедельника: три сцены, в которых план уже не сходится

до панели

Так выглядит план продаж у того, кто ведёт дела в блокноте, таблице и мессенджере.

01 / блокнот

«Мы же план сделали?»

План записан на странице в клетку, оплаты — в переписке. К двадцатому числу никто не помнит, входят ли в план предоплаты.

02 / таблица

Сводная собирается два часа

Розница на одной вкладке, опт на второй, план на третьей. После каждой новой строки половина отклонений считается по старому диапазону.

03 / мессенджер

План правится задним числом

«Ещё две оплаты придут на следующей неделе» — и план тихо уменьшается, чтобы совпало. Через квартал уже не понять, где провал.

Что появится на экране после сборки

6 модулей

Бот спросит, из скольких направлений состоит выручка, и соберёт панель под ответы.

01 / kpi

KPI-карточки

План, факт, процент выполнения, отклонение — четыре цифры на главный вопрос месяца.

02 / график

График по месяцам

План и факт рядом столбиками: сезонная яма видна даже с телефона.

03 / таблица

План и факт

Плотная таблица по месяцам и категориям: план, факт, отклонение, статус точкой.

04 / категории

Категории

Направления выручки и расходы со своим планом: что тянет вверх, а что недобирает.

05 / операции

Список операций

Дата, контрагент, сумма, категория. Фильтры по периоду, правка в модальном окне.

06 / csv

Импорт CSV

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

Таблица план/факт отвечает на вопрос «сколько именно»

выполнение плана

84% от маленького плана и 84% от большого — разные истории. Поэтому в строке стоят оба числа.

Период / направление План Факт Отклонение Статус
апрель · розница 600 000 ₽ 614 200 ₽ +14 200 ₽ · 102% выполнен
май · опт 500 000 ₽ 468 900 ₽ −31 100 ₽ · 94% в работе
май · услуги 300 000 ₽ 211 700 ₽ −88 300 ₽ · 71% ниже плана
июнь · розница 620 000 ₽ 629 400 ₽ +9 400 ₽ · 101% выполнен
июнь · опт 520 000 ₽ 405 300 ₽ −114 700 ₽ · 78% ниже плана

фрагмент макета · суммы условные, в приложении подставятся ваши

Сколько это стоит

три пути

Таблицу план/факт собирают тремя способами. Разница не только в деньгах, но и в том, чей это файл в итоге.

Нанять разработчикапод ключ Купить подпискучужой сервис Собрать самомупо этой инструкции
деньгиДесятки тысяч рублей до первой версии. срокНедели переписки и согласований. правкиНовая смета и очередь задач. кому принадлежитПодрядчику. деньгиПлатёж каждый месяц за чужой сервис. срокДень, записи у вендора. правкиТолько те, что разрешил тариф. кому принадлежитСервису. деньги5 000 000 токенов, без подписки. срокОдин вечер. правкиСловами в чате, без доплат. кому принадлежитВам: файл на вашем диске.

Пять причин собрать самому

  1. 01

    Экономия

    Нет счёта за первую версию и доплат за следующую.

  2. 02

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

    Один файл на вашем диске, продлевать нечего.

  3. 03

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

    Захотели другую разбивку — написали боту, он поправил файл.

  4. 04

    Не нужно ждать разработчика

    Пока подрядчик читает письмо, вы проверили новую версию.

  5. 05

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

    Импорт CSV, график и статусы не спрятаны за дорогим планом.

Семь шагов: от установки до готовой таблицы

инструкция

Между шагами только кнопки и промпт с этой страницы. Жёлтые подсказки на скриншотах показывают, куда нажимать.

01

Приложение установлено

Ссылку бот прислал после слова «старт». Доустанавливать нечего — откройте ярлык на рабочем столе.

Рабочий стол с ярлыком AI DIY и подсказкой, что приложение уже установлено
шаг 1 · ярлык на рабочем столе
02

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

На стартовом экране нажмите «Открыть веб-интерфейс» — откроется браузерное окно со сборкой.

Стартовый экран приложения с выделенной кнопкой «Открыть веб-интерфейс»
шаг 2 · браузерный интерфейс
03

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

В списке проектов справа сверху — кнопка «Создать проект». У каждого проекта своя папка.

Список проектов с жёлтой меткой на кнопке «Создать проект»
шаг 3 · новый проект
04

Впишите название и нажмите «Создать проект»

Название любое, например «Дашборд: план продаж». Впишите и подтвердите кнопкой «Создать проект».

Форма нового проекта с полем названия «Дашборд: план продаж» и кнопкой подтверждения
шаг 4 · название проекта
05

Вставьте промпт в поле сообщения

Скопируйте промпт кнопкой «Скопировать промпт», вставьте в поле сообщения через Ctrl+V — целиком, он длинный.

Поле сообщения с вставленным промптом про дашборд план и факт и подсказкой Ctrl+V
шаг 5 · промпт в поле
06

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

Отправьте кнопкой «Отправить» ↑ или клавишей Enter.

Кнопка «Отправить» со стрелкой вверх рядом с полем ввода сообщения
шаг 6 · отправка
07

Ответьте на 8–15 вопросов

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

Экран бота с вопросами о пользователях и стартовом экране и ответом о списке и статусах
шаг 7 · вопросы и сборка

Промпт для сборки таблицы план/факт

копировать целиком

Скопируйте текст кнопкой ниже и вставьте в поле сообщения целиком: сущности, статусы и экраны уже описаны.

prompt · plan-fakt-prodazh
Ты — senior product designer и frontend-разработчик.
Сначала задай мне 8–15 простых вопросов о моей работе: что я продаю, из скольких направлений состоит выручка, как я ставлю план на месяц, кто вносит оплаты, какие категории расходов важно видеть рядом.
Потом собери приложение «Дашборд: план продаж» одним HTML-файлом: разметка, стили и логика внутри, без внешних библиотек, CDN и запросов в интернет.

Сущности:
— операция: дата, контрагент, сумма, тип (доход или расход), категория, комментарий;
— категория: название, метка, направление — доход или расход;
— план: сумма плана на месяц по категории или направлению;
— период: месяц, квартал, год.

Статусы: план → факт → отклонение. Отклонение показывай в рублях и процентах, статус — цветной точкой и короткой подписью: «выполнен», «в работе», «ниже плана».

Экраны:
1. Дашборд с KPI: план на период, факт, процент выполнения, отклонение — и сравнение с прошлым периодом.
2. График по месяцам: план и факт столбиками рядом, без чарт-библиотек, подписи значений над столбиками.
3. Таблица план/факт: строки по месяцам и категориям, колонки план, факт, отклонение в рублях и процентах, статус.
4. Категории: направления с планом и фактом, добавление, переименование, архивирование.
5. Список операций: плотная таблица с фильтрами по периоду, типу и категории, добавление и правка в модальном окне.
6. Импорт CSV: выбор файла, сопоставление колонок, предпросмотр первых строк, отчёт о строках с ошибками.

Требования:
— данные храни в localStorage, при первом запуске подставь демо-операции за 6 месяцев;
— интерфейс на русском, суммы в рублях с разделителями тысяч;
— тёмная тема, прямые углы, рамки в 1 пиксель, моноширинные подписи, плотные таблицы;
— адаптивность от 360 пикселей: карточки и таблицы перестраиваются в один столбец;
— пустые состояния с подсказкой, что сделать дальше;
— никаких заглушек, выдуманных данных и внешних картинок.
В конце отдай готовый HTML-файл и коротко перечисли, что внутри.

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

faq
План на месяц у меня в блокноте, факт — в переписке. С чего начать перенос?

Заведите категории: два-три направления выручки и пару статей расходов, поставьте план на месяц. Факт вносите после — приложение считает отклонение от плана.

Можно ли затащить старую таблицу или выгрузку из банка через CSV?

Да. Выберите файл, покажите, где дата, сумма и назначение, проверьте предпросмотр и подтвердите. Строки с ошибками приложение покажет отдельно, а раскладку колонок запомнит.

Будет ли график по месяцам или придётся смотреть только цифры?

План и факт стоят рядом столбиками, провал в середине квартала видно сразу. Под графиком — таблица с суммами и отклонением.

Придётся ли пересчитывать выполнение плана после каждой оплаты вручную?

Нет. Записали оплату — карточки, график и таблица пересчитались. Исправили сумму или план — отклонение обновилось. Кнопки «Пересчитать» здесь нет.

Кто ещё увидит мой план и суммы по направлениям?

Никто, пока вы сами не покажете. Это HTML-файл на вашем компьютере, записи хранятся в браузере, а не на чужом сервере. Отчёт передают вручную.

Откроется ли таблица с телефона, если план обсуждают на встрече?

Да. Вёрстка рассчитана на экран от 360 пикселей: карточки встают в столбец, таблица прокручивается, суммы читаются. Вносить операции удобнее с ноутбука.

План на месяц перестанет быть предметом спора

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

Начать в боте 5 000 000 токенов · ссылка на установку после слова «старт»