«Мы же план сделали?»
План записан на странице в клетку, оплаты — в переписке. К двадцатому числу никто не помнит, входят ли в план предоплаты.
dashboard · план продаж · план и факт
Напишите боту «старт», заберите 5 000 000 токенов и соберите панель, где план месяца стоит рядом с реальными оплатами: видно, сколько недобрали.
Так выглядит план продаж у того, кто ведёт дела в блокноте, таблице и мессенджере.
План записан на странице в клетку, оплаты — в переписке. К двадцатому числу никто не помнит, входят ли в план предоплаты.
Розница на одной вкладке, опт на второй, план на третьей. После каждой новой строки половина отклонений считается по старому диапазону.
«Ещё две оплаты придут на следующей неделе» — и план тихо уменьшается, чтобы совпало. Через квартал уже не понять, где провал.
Бот спросит, из скольких направлений состоит выручка, и соберёт панель под ответы.
План, факт, процент выполнения, отклонение — четыре цифры на главный вопрос месяца.
План и факт рядом столбиками: сезонная яма видна даже с телефона.
Плотная таблица по месяцам и категориям: план, факт, отклонение, статус точкой.
Направления выручки и расходы со своим планом: что тянет вверх, а что недобирает.
Дата, контрагент, сумма, категория. Фильтры по периоду, правка в модальном окне.
Выгрузка из банка или старой таблицы: сопоставили колонки, проверили предпросмотр, подтвердили.
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 токенов, без подписки. срокОдин вечер. правкиСловами в чате, без доплат. кому принадлежитВам: файл на вашем диске. |
Нет счёта за первую версию и доплат за следующую.
Один файл на вашем диске, продлевать нечего.
Захотели другую разбивку — написали боту, он поправил файл.
Пока подрядчик читает письмо, вы проверили новую версию.
Импорт CSV, график и статусы не спрятаны за дорогим планом.
Между шагами только кнопки и промпт с этой страницы. Жёлтые подсказки на скриншотах показывают, куда нажимать.
Ссылку бот прислал после слова «старт». Доустанавливать нечего — откройте ярлык на рабочем столе.
На стартовом экране нажмите «Открыть веб-интерфейс» — откроется браузерное окно со сборкой.
В списке проектов справа сверху — кнопка «Создать проект». У каждого проекта своя папка.
Название любое, например «Дашборд: план продаж». Впишите и подтвердите кнопкой «Создать проект».
Скопируйте промпт кнопкой «Скопировать промпт», вставьте в поле сообщения через Ctrl+V — целиком, он длинный.
Отправьте кнопкой «Отправить» ↑ или клавишей Enter.
Бот спросит, кто будет пользоваться приложением и что показывать после открытия. Ответьте — и получите файл.
Скопируйте текст кнопкой ниже и вставьте в поле сообщения целиком: сущности, статусы и экраны уже описаны.
Ты — senior product designer и frontend-разработчик.
Сначала задай мне 8–15 простых вопросов о моей работе: что я продаю, из скольких направлений состоит выручка, как я ставлю план на месяц, кто вносит оплаты, какие категории расходов важно видеть рядом.
Потом собери приложение «Дашборд: план продаж» одним HTML-файлом: разметка, стили и логика внутри, без внешних библиотек, CDN и запросов в интернет.
Сущности:
— операция: дата, контрагент, сумма, тип (доход или расход), категория, комментарий;
— категория: название, метка, направление — доход или расход;
— план: сумма плана на месяц по категории или направлению;
— период: месяц, квартал, год.
Статусы: план → факт → отклонение. Отклонение показывай в рублях и процентах, статус — цветной точкой и короткой подписью: «выполнен», «в работе», «ниже плана».
Экраны:
1. Дашборд с KPI: план на период, факт, процент выполнения, отклонение — и сравнение с прошлым периодом.
2. График по месяцам: план и факт столбиками рядом, без чарт-библиотек, подписи значений над столбиками.
3. Таблица план/факт: строки по месяцам и категориям, колонки план, факт, отклонение в рублях и процентах, статус.
4. Категории: направления с планом и фактом, добавление, переименование, архивирование.
5. Список операций: плотная таблица с фильтрами по периоду, типу и категории, добавление и правка в модальном окне.
6. Импорт CSV: выбор файла, сопоставление колонок, предпросмотр первых строк, отчёт о строках с ошибками.
Требования:
— данные храни в localStorage, при первом запуске подставь демо-операции за 6 месяцев;
— интерфейс на русском, суммы в рублях с разделителями тысяч;
— тёмная тема, прямые углы, рамки в 1 пиксель, моноширинные подписи, плотные таблицы;
— адаптивность от 360 пикселей: карточки и таблицы перестраиваются в один столбец;
— пустые состояния с подсказкой, что сделать дальше;
— никаких заглушек, выдуманных данных и внешних картинок.
В конце отдай готовый HTML-файл и коротко перечисли, что внутри.
Заведите категории: два-три направления выручки и пару статей расходов, поставьте план на месяц. Факт вносите после — приложение считает отклонение от плана.
Да. Выберите файл, покажите, где дата, сумма и назначение, проверьте предпросмотр и подтвердите. Строки с ошибками приложение покажет отдельно, а раскладку колонок запомнит.
План и факт стоят рядом столбиками, провал в середине квартала видно сразу. Под графиком — таблица с суммами и отклонением.
Нет. Записали оплату — карточки, график и таблица пересчитались. Исправили сумму или план — отклонение обновилось. Кнопки «Пересчитать» здесь нет.
Никто, пока вы сами не покажете. Это HTML-файл на вашем компьютере, записи хранятся в браузере, а не на чужом сервере. Отчёт передают вручную.
Да. Вёрстка рассчитана на экран от 360 пикселей: карточки встают в столбец, таблица прокручивается, суммы читаются. Вносить операции удобнее с ноутбука.
Один файл, семь шагов и ответы бота. Завтра на совещании — не «кажется, мы молодцы», а процент выполнения и сумма, которую осталось добрать.
Начать в боте 5 000 000 токенов · ссылка на установку после слова «старт»