Бесплатный промт
Дай свою таблицу — ИИ сам разберётся, какие цифры важны, и соберёт живой дашборд: главные цифры, сигналы «что выросло и что упало», динамика по дням и неделям и графики. Один HTML-файл, который можно опубликовать.
Сам находит главные цифры, по которым принимают решения, и ставит их сверху — с изменением ко вчера и прошлой неделе.
Сам подсвечивает, что резко выросло, упало до нуля или пересекло порог. С конкретными строками внутри.
Сравнивает сегодня со вчера и прошлой неделей: сводная таблица и графики тренда.
Переключатели по группам пересчитывают цифры на лету — без перезагрузки.
Помнит, что ты уже разобрал: теги, флаги «следить» и действия по каждому объекту.
Готовый HTML без сборки. Публикуешь через Netlify или Vercel — и делишься ссылкой.
Скопируй, вставь в Claude и укажи свой Excel-файл. Остальное ИИ определит сам.
Преврати мою Excel-таблицу в живой дашборд метрик. Разберись сам, что в ней важно.
## Вход
- ФАЙЛ: [перетащи или укажи путь к своему .xlsx или .csv]. Больше вводных от меня не нужно —
со структурой таблицы разберись сам.
## Сначала — автоанализ (сделай сам, без вопросов ко мне)
1. Прочитай таблицу и определи тип каждой колонки (число, деньги, дата, категория, процент,
ID, текст) — даже если заголовки кривые, пустые или на разных языках.
2. Пойми, что такое одна строка (один объект: заказ, лид, товар, подписчик…), и найди
стабильный ID — или собери его из подходящих колонок.
3. Сам выбери 4–6 главных цифр — те, по которым реально принимают решения (выручка,
количество, конверсия, средний чек, отток…). Не вываливай всё подряд.
4. Сам выбери, по чему группировать — самую осмысленную колонку-категорию
(канал / продукт / этап / регион…).
5. Сам реши, о чём предупреждать (сигналы «что изменилось»): что считать всплеском (≥ +30%),
падением, нулём, выходом за порог.
6. Короткой строкой покажи, что ты выбрал (главные цифры, группировку, сигналы, ID), и дай мне
одной фразой поправить, если что-то не так. Дальше не переспрашивай — просто собери дашборд.
## Архитектура (держи это отдельными скриптами — именно это делает её поддерживаемой)
1. parse — прочитать Excel/CSV по схеме из автоанализа → аккуратный слепок данных (одна запись
на объект, поля очищены и типизированы). Классифицируй по стабильному ID, а не по имени.
2. history — сохранять каждый запуск как слепок данных за день в snapshots/YYYY-MM-DD.json
(один файл на день). Повторный запуск за ту же дату перезаписывает день. Именно эти слепки за
прошлые дни дают всю динамику: дашборд строится на сравнении дней, а не на одном срезе.
3. diff — сравнить сегодня со вчера (D-1) и с прошлой неделей (D-7) → насколько изменилась каждая
цифра + собрать сигналы «что изменилось» по правилам выше.
4. render — выдать ОДИН автономный HTML-файл: встроенный JSON, без сборки, единственная внешняя
зависимость — CDN Chart.js. Это и есть весь результат.
5. CLI-вход — python3 build.py <файл.xlsx> [--date YYYY-MM-DD] [--deploy] [--open].
Только stdlib + минимум зависимостей (для .xlsx — openpyxl).
## Структура дашборда (сверху вниз)
1. Ряд главных цифр — 4–6 карточек: большое значение + приглушённая подпись капсом + мелкая
строка снизу «насколько изменилось ко вчера/прошлой неделе» (зелёный = хорошо, красный = плохо,
под каждую цифру отдельно).
2. Фильтр-пилюли — радио (Все / [мои группы]), пересчитывают цифры на лету.
3. Карточки-сигналы «что изменилось» — цветные (🔴 срочно / 🟠 скоро / 🟡 следить / 🟢 хорошие
новости), у каждой счётчик и раскрывающийся список <details> с конкретными строками внутри.
4. Таблица динамики — как сводная: строки = группы, колонки = последние ≤7 дат + % изменения за период.
5. Графики (Chart.js, рисуй только когда есть данные хотя бы за 2 дня): линия тренда во времени,
бар топ-N по группировке, счётчики. Добавь одноразовую анимацию появления на первом рендере
(линии/бары каскадом) — пропускай её при смене фильтра, чтобы не триггерилась заново.
6. Детальные таблицы — раскрывающиеся по группам, сортируемые колонки (клик по заголовку →
сортировка, tabular-nums для чисел), липкий заголовок, приглушённый стиль для пустых строк.
## Дизайн-система (тёмная, чистая, один визуальный язык)
CSS-переменные — используй ровно эти:
--bg:#0f172a; --panel:#1e293b; --border:#334155; --ink:#e5e7eb; --muted:#94a3b8;
--red:#f87171; --green:#4ade80; --orange:#fb923c; --yellow:#facc15; --blue:#60a5fa;
- Системный шрифтовой стек (-apple-system, Segoe UI, Roboto, Inter…), базовый 14px, интерлиньяж 1.45.
- Панели: фон --panel, 1px --border, радиус 10px. Сетка главных цифр: repeat(5,1fr), gap 12px,
сворачивается на мобильном. Пилюли: радиус 999px, активная — рамка/подсветка --blue.
- Карточки-сигналы «что изменилось»: мягко подкрашенный фон под каждую важность. Раскрывающиеся
группы — маркер ▸, который поворачивается при открытии.
- Изменения: + красный / − зелёный (или наоборот под конкретную цифру), — для нуля.
## Память моих ручных заметок (по желанию, но оставь хук)
notes.json по ключу ID объекта — для действий/тегов/флагов «следить», которые я добавляю со
временем; подмешивается при рендере, не разрушая данные. Чтобы дашборд помнил «я это уже сделал».
## Публикация (по умолчанию — Netlify)
Собери один HTML-файл, готовый к публикации. По флагу --deploy опубликуй его одним из способов:
1. Netlify (проще всего, свой сайт не нужен): разложи HTML как index.html в папку и опубликуй —
перетащив папку на app.netlify.com/drop, либо командой netlify deploy --prod --dir <папка>.
2. Vercel (если у меня уже есть там сайт/хостинг): положи HTML как index.html под слаг и запушь
в мой репозиторий (Vercel задеплоит сам) или командой vercel --prod.
Напечатай строку OK/FAIL со ссылкой; ошибка публикации НЕ должна ломать локальную сборку HTML.
## Проверка после запуска
Напечатай короткую сводку для проверки: всего записей, значения главных цифр и сколько набралось
сигналов «что изменилось» — чтобы я глазами сверил, что всё примерно совпадает с ожиданиями.
Нужен ИИ, который запускает код на твоём компьютере. Как поставить — в промте про фото.
Вставь промт и укажи файл. ИИ сам поймёт, что в таблице важно и что показывать.
Одна команда — и свежий HTML с динамикой. Публикуешь через Netlify или Vercel и делишься ссылкой.
В канале «Кратно» я показываю эти системы в работе: что собрала, что сломалось, что в итоге сработало. Готовые промты, разборы и новые материалы — без новостного шума.
Подписаться на канал «Кратно» →