Бесплатный практический урок

Dashboard финансовой отчетности с ИИ за 30 минут

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

Доступ к уроку открыт ещё:48 часов с первого посещения

48часов

00минут

00секунд

Смотрите практический урок

Как создать Dashboard финансовой отчетности с ИИ за 30 минут

Загружаем видеоурок…

Готовый промпт для Codex

Скопируйте промпт целиком и вставьте его в Codex.

Ты — опытный fullstack-разработчик, эксперт по Google Apps Script, Google Sheets API, финансовым дашбордам для собственников бизнеса и UX/UI управленческой отчётности.Мне нужно создать современный интерактивный финансовый дашборд для собственника бизнеса на базе Google Apps Script Web App.Дашборд должен брать данные из Google Таблицы:[вставьте адрес своей таблиц]Основной лист с данными:[Пропишите название листов\или листа от куда нужно брать данные]Я буду разворачивать решение через Google Apps Script как веб-приложение.Нужно подготовить все необходимые файлы проекта:Code.gsIndex.html в том числе дизайн при необходимости дополнительные HTML-файлы или JS-блокиинструкцию по установке, запуску и развертыванию приложения 1. Главная задачаСделай современный, понятный и визуально сильный дашборд для собственника бизнеса.Цель дашборда — не просто показать графики, а помочь собственнику быстро понять:сколько бизнес заработал;как меняется выручка;как меняется прибыль;какая рентабельность;что происходит с денежным потоком;есть ли риск кассовых разрывов;какие показатели ухудшились по сравнению с прошлым периодом;где нужна управленческая реакция.Дашборд должен быть сделан в современном стиле: чистый интерфейс, карточки показателей, графики, фильтры, пояснения, аккуратная цветовая логика, адаптивная верстка. 2. Источник данныхДанные нужно брать из Google Таблицы:[вставьте адрес своей таблиц]Лист:[Пропишите название листов\или листа от куда нужно брать данные]Важно: структура таблицы может меняться. Поэтому дашборд не должен ломаться, если:поменялся порядок колонок;появились новые колонки;появились новые строки;часть необязательных колонок отсутствует;в таблице появились пустые строки;в названиях колонок есть лишние пробелы;регистр букв отличается;в числах есть пробелы, запятые, символы ₽, проценты.Нельзя привязываться жёстко к номерам колонок. Нужно искать данные по заголовкам. 3. Требования к устойчивости структурыВ Code.gs нужно реализовать слой нормализации данных.Сделай функцию, которая:Получает все данные с листа.Определяет строку заголовков.Нормализует названия колонок:убирает лишние пробелы;приводит к нижнему регистру;заменяет ё на е;убирает лишние символы;умеет сопоставлять разные варианты названий.Например, если в таблице есть колонки:ДатаПериодМесяцВыручкаДоходПоступленияРасходРасходыПрибыльЧистая прибыльОперационная прибыльДДСДенежный потокОстаток денегРентабельностьМаржинальностьНаправлениеПроектСтатьяГруппа статейто скрипт должен уметь находить нужные поля по смыслу.Сделай словарь алиасов колонок, например:const FIELD_ALIASES = {  date: ['дата', 'период', 'месяц', 'date', 'month'],  revenue: ['выручка', 'доход', 'доходы', 'revenue', 'sales'],  income: ['поступления', 'приход', 'денежные поступления', 'cash in', 'inflow'],  expense: ['расход', 'расходы', 'списания', 'выплаты', 'cash out', 'outflow'],  profit: ['прибыль', 'чистая прибыль', 'операционная прибыль', 'profit', 'net profit'],  margin: ['рентабельность', 'маржинальность', 'margin', 'profitability'],  cashFlow: ['денежный поток', 'ддс', 'cash flow', 'net cash flow'],  cashBalance: ['остаток денег', 'остаток денежных средств', 'остаток', 'cash balance'],  category: ['статья', 'статья ддс', 'статья опиу', 'категория', 'category'],  group: ['группа', 'группа статей', 'раздел', 'block'],  direction: ['направление', 'проект', 'бизнес-направление', 'direction', 'project']};Если каких-то полей нет, дашборд не должен падать. Он должен:показать доступные показатели;скрыть невозможные графики;вывести предупреждение в интерфейсе: “Для этого графика не хватает данных: …”предложить, какие колонки добавить в таблицу. 4. Что обязательно должно быть на дашбордеСделай следующие блоки.4.1. Верхняя панельВ верхней части:название дашборда: “ПРОПИШИТЕ СВОЕ НАЗВАНИЕ”дата последнего обновления данных;выбранный период;кнопка “Обновить данные”;фильтр периода.Фильтр периода должен позволять выбрать:весь период;текущий месяц;прошлый месяц;текущий квартал;прошлый квартал;произвольный диапазон дат: дата начала и дата конца. 4.2. Карточки ключевых показателейСделай KPI-карточки:ВыручкаПоступленияРасходы / списанияПрибыльРентабельностьДенежный потокОстаток денегИзменение к прошлому периодуДля каждой карточки нужно показывать:значение за выбранный период;изменение к предыдущему сопоставимому периоду;процент изменения;визуальный индикатор: рост / падение / без изменений;короткое пояснение простым языком.Примеры пояснений:“Выручка выросла относительно прошлого периода — это хороший сигнал, если расходы не растут быстрее.”“Прибыль снизилась, нужно проверить себестоимость, постоянные расходы или структуру продаж.”“Денежный поток отрицательный — бизнес потратил больше денег, чем получил.”“Остаток денег снизился — важно проверить ближайшие платежи и риск кассового разрыва.” 4.3. ГрафикиИспользуй Chart.js через CDN.Сделай минимум следующие графики:Динамика выручки по периодам.Динамика прибыли по периодам.Поступления и списания по периодам.Денежный поток по периодам.Структура расходов по статьям.Структура выручки или поступлений по направлениям, если есть поле “направление”.Сравнение текущего и прошлого периода по ключевым показателям.Рентабельность в динамике.Графики должны автоматически скрываться, если данных для них нет. 4.4. Блок управленческих выводовДобавь отдельный блок “Что важно увидеть собственнику”.Он должен автоматически формировать короткие текстовые выводы на основе данных.Например:если прибыль положительная, но денежный поток отрицательный:“Бизнес показывает прибыль, но деньги уменьшаются. Возможно, прибыль зависла в дебиторке, запасах или была направлена на погашение обязательств.”если выручка растёт, а прибыль падает:“Продажи растут, но эффективность снижается. Нужно проверить маржу, скидки, себестоимость и постоянные расходы.”если расходы растут быстрее выручки:“Расходы растут быстрее выручки. Это может привести к снижению рентабельности.”если остаток денег снижается несколько периодов подряд:“Остаток денег снижается. Нужно проверить платёжный календарь и будущие обязательства.”если рентабельность ниже 10%:“Рентабельность низкая. Даже небольшое снижение выручки или рост расходов может привести к убытку.”Сделай минимум 10 правил для автоматических выводов. 4.5. Блок рекомендацийДобавь блок “Что можно сделать дальше”.Он должен предлагать рекомендации в зависимости от ситуации.Например:“Проверить топ-5 самых крупных расходов.”“Разобрать направления с отрицательной прибылью.”“Проверить, не зависла ли прибыль в дебиторской задолженности.”“Сравнить рост фонда оплаты труда с ростом выручки.”“Составить платёжный календарь на ближайшие 4 недели.”“Проверить, какие статьи расходов растут быстрее всего.”“Проверить маржинальность по направлениям.”“Разделить расходы на постоянные и переменные.”“Проверить корректность классификации операций.”“Добавить плановые показатели для план-факт анализа.” 5. Автообновление данныхДашборд должен автоматически получать актуальные данные из Google Таблицы при открытии.Также добавь:кнопку ручного обновления;автоматическое обновление каждые 5 минут;отображение даты и времени последней загрузки данных.Важно: данные не нужно хранить вручную в HTML. Всё должно подтягиваться из таблицы через Apps Script. 6. Серверная часть — Code.gsВ Code.gs нужно реализовать:const SPREADSHEET_ID = ‘УКАЖИТЕ ID своей таблицы’;const SHEET_NAME = 'УКАЖИТЕ НАЗВАНИЕ СВОИХ ЛИСТОВ'; function doGet() {  return HtmlService    .createTemplateFromFile('Index')    .evaluate()    .setTitle('НАЗВАНИЕ ДАШБОРТАа')    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);} function include(filename) {  return HtmlService.createHtmlOutputFromFile(filename).getContent();}Дополнительно создай функции:getDashboardData(filters)getRawSheetData()detectHeaderRow(values)normalizeHeader(header)mapColumns(headers)parseNumber(value)parseDate(value)prepareRows(values, columnMap)filterRowsByPeriod(rows, filters)calculateKpis(rows, previousRows)buildChartData(rows)generateInsights(kpis, chartData, rows)generateRecommendations(kpis, chartData, rows)getAvailablePeriods(rows)getPreviousComparablePeriod(startDate, endDate)getMissingFieldsInfo(columnMap)Функция getDashboardData(filters) должна возвращать JSON такого вида:{  success: true,  updatedAt: "29.05.2026 12:30",  period: {    start: "2026-01-01",    end: "2026-03-31",    label: "1 квартал 2026"  },  availableFields: [],  missingFields: [],  warnings: [],  kpis: {    revenue: {      label: "Выручка",      value: 0,      previousValue: 0,      delta: 0,      deltaPercent: 0,      trend: "up",      comment: ""    },    income: {},    expense: {},    profit: {},    margin: {},    cashFlow: {},    cashBalance: {}  },  charts: {    revenueTrend: {},    profitTrend: {},    cashFlowTrend: {},    incomeExpenseTrend: {},    expenseStructure: {},    directionStructure: {},    periodComparison: {},    marginTrend: {}  },  insights: [],  recommendations: []}Если произошла ошибка, возвращать:{  success: false,  message: "Описание ошибки простым языком",  technicalMessage: "Техническое описание ошибки"} 7. Клиентская часть — Index.htmlСделай современную HTML-страницу.Обязательные блоки:HeaderFiltersKPI CardsCharts GridInsightsRecommendationsData Quality / Missing FieldsFooterСтраница должна быть адаптивной:хорошо смотреться на ноутбуке;нормально открываться на планшете;не ломаться на мобильном. 8. Styles.htmlСделай современный CSS:светлый фон;карточки с мягкими тенями;аккуратные отступы;современная типографика;понятные цвета статусов;приятные графические блоки;адаптивная сетка.Цветовая логика:зелёный — положительная динамика;красный — отрицательная динамика;жёлтый / оранжевый — зона внимания;синий / графитовый — нейтральные элементы.Важно: интерфейс должен выглядеть не как “таблица”, а как управленческий продукт. 9. Scripts.htmlВ клиентском JS нужно реализовать:Загрузку данных через google.script.run.Управление фильтрами.Отрисовку KPI.Отрисовку графиков Chart.js.Обновление графиков при смене периода.Уничтожение старых экземпляров графиков перед созданием новых.Обработку ошибок.Loading state.Empty state.Автообновление каждые 5 минут.Кнопку ручного обновления.Форматирование рублей и процентов.Добавь функции:loadDashboardData()renderDashboard(data)renderKpis(kpis)renderCharts(charts)renderInsights(insights)renderRecommendations(recommendations)renderWarnings(warnings, missingFields)formatCurrency(value)formatPercent(value)formatNumber(value)showLoading()hideLoading()showError(message)destroyCharts() 10. Важное требование по UXСобственник не финансист. Поэтому:не перегружать интерфейс сложными коэффициентами;не использовать академические формулировки;выводы писать простым языком;рядом с показателями давать короткие пояснения;показывать не только “что произошло”, но и “почему это важно”.Пример плохого текста:“Наблюдается отрицательная динамика операционного денежного потока при сохранении положительного финансового результата.”Пример хорошего текста:“По прибыли бизнес выглядит нормально, но денег стало меньше. Нужно проверить, куда ушли деньги: в дебиторку, запасы, займы или крупные платежи.” 11. Защита от ошибокДобавь обработку ситуаций:таблица недоступна;лист не найден;данных нет;не найдена строка заголовков;не найдены обязательные поля;в датах некорректный формат;в числах текстовые значения;выбранный период пустой;график невозможно построить из-за отсутствия данных.Во всех случаях пользователь должен видеть понятное сообщение, а не техническую ошибку. 12. Что добавить, если я не учлаПроанализируй задачу как эксперт по финансовым дашбордам и предложи дополнительные улучшения.Обязательно добавь в интерфейс блок “Что можно улучшить в данных”, где система подсказывает:какие поля стоит добавить для более точного анализа;какие показатели можно добавить позже;какие графики станут доступны после добавления новых колонок.Например:“Добавьте плановые значения, чтобы появился план-факт анализ.”“Добавьте поле ‘Направление’, чтобы видеть прибыльность по направлениям.”“Добавьте поле ‘Контрагент’, чтобы анализировать зависимость от крупных клиентов.”“Добавьте поле ‘Тип расхода: постоянный / переменный’, чтобы анализировать точку безубыточности.”“Добавьте поле ‘Дебиторская задолженность’, чтобы объяснять разницу между прибылью и деньгами.”“Добавьте поле ‘Кредиторская задолженность’, чтобы видеть отложенные обязательства.” 13. Периоды и сравнениеСделай корректную логику сравнения с прошлым периодом.Если пользователь выбрал:месяц — сравнивать с предыдущим месяцем;квартал — сравнивать с предыдущим кварталом;произвольный диапазон — сравнивать с таким же по длительности предыдущим диапазоном;весь период — сравнение можно не показывать или показывать предупреждение. 14. Форматы дат и чиселСкрипт должен понимать даты в форматах:Date object из Google Sheets;dd.mm.yyyy;yyyy-mm-dd;dd/mm/yyyy;текстовый месяц, если возможно.Числа должны корректно парситься из форматов:100000100 000100 000 ₽100,5100.5-100 000(100 000)15% 15. Безопасность и доступСделай код для Google Apps Script Web App.Я буду публиковать приложение через:Deploy → New deployment → Web app.Параметры:Execute as: MeWho has access: Anyone with the link или Anyone, в зависимости от ситуации.В инструкции объясни:Как создать Apps Script.Какие файлы добавить.Куда вставить код.Как сохранить.Как запустить авторизацию.Как развернуть Web App.Как открыть ссылку.Как обновлять код после изменений.Что делать, если дашборд не видит таблицу.Что делать, если графики не появились. 16. Итоговый результатНа выходе дай мне:Полный код файла Code.gs.Полный код файла Index.html.Полный код файла Styles.html.Полный код файла Scripts.html.Инструкцию по установке.Инструкцию по развертыванию.Инструкцию по проверке работы.Список рекомендуемых колонок для листа Тех. лист для подготовки графиков.Список улучшений, которые можно добавить во второй версии дашборда. В итоговом коде обязательно должны быть реализованы блоки:- “Красные флаги”;- “Прибыль есть, а денег нет?”;- “Качество данных”. Эти блоки должны быть не просто текстом в интерфейсе, а реально рассчитываться на основании данных из Google Таблицы.Код должен быть готов к копированию без пропусков и без заглушек.Не используй placeholders. Все значения, которые уже известны, вставь сразу:SPREADSHEET_ID = '1tWOyAmXLxNbmT8kUKR0uIq61atFig_BGIWUHPTMTbis'SHEET_NAME = 'Тех. лист для подготовки графиков'Если точная структура таблицы неизвестна, не останавливайся. Сделай универсальную логику распознавания колонок по заголовкам и добавь понятные предупреждения в интерфейсе. # 17. Дополнительные управленческие блоки Добавь в дашборд дополнительные блоки, которые усиливают управленческую ценность отчёта для собственника. ## 17.1. Блок “Красные флаги” Добавь отдельный блок “Красные флаги”. Он должен автоматически выявлять потенциальные проблемы в бизнесе на основании данных. Примеры красных флагов: - отрицательный денежный поток;- прибыль положительная, но денежный поток отрицательный;- выручка растёт, а прибыль падает;- расходы растут быстрее выручки;- рентабельность ниже 10%;- остаток денег снижается несколько периодов подряд;- поступления ниже списаний;- резкий рост одной статьи расходов;- сильная зависимость от одного направления или одной статьи поступлений;- убыток за выбранный период;- падение выручки по сравнению с прошлым периодом;- рост расходов при падении выручки. Каждый красный флаг должен содержать: 1. Название проблемы.2. Короткое объяснение простым языком.3. Почему это важно для собственника.4. Что проверить в первую очередь.5. Уровень критичности:   - critical — критично;   - warning — зона внимания;   - info — наблюдать. Если красных флагов нет, показывать позитивное сообщение: “Критичных отклонений по текущим данным не найдено. Но важно регулярно смотреть динамику, а не только один период.” --- ## 17.2. Блок “Прибыль есть, а денег нет?” Добавь отдельный блок “Прибыль есть, а денег нет?”. Цель блока — простым языком объяснить собственнику разницу между прибылью и деньгами. Блок должен анализировать ситуацию: - прибыль положительная / отрицательная;- денежный поток положительный / отрицательный;- остаток денег растёт / снижается;- поступления и списания;- если в данных есть дебиторская задолженность, кредиторская задолженность, запасы, займы — использовать их в объяснении;- если этих данных нет — не выдумывать, а показать, какие данные нужны для точного объяснения. Примеры автоматических выводов: - “По прибыли бизнес выглядит хорошо, но денег стало меньше. Возможные причины: клиенты ещё не оплатили счета, деньги ушли в запасы, погашение займов, крупные разовые платежи или собственник вывел деньги из бизнеса.”- “Деньги растут быстрее прибыли. Возможно, часть поступлений связана не с заработанной прибылью, а с авансами, займами или возвратами.”- “Прибыль отрицательная, но деньги пока есть. Это может быть временно из-за авансов, займов или накопленных остатков. Важно проверить, сможет ли бизнес зарабатывать дальше.”- “Прибыль и денежный поток оба положительные — это хороший сигнал. Бизнес не только показывает прибыль, но и превращает её в деньги.” В блоке обязательно показать: 1. Прибыль за выбранный период.2. Денежный поток за выбранный период.3. Разницу между прибылью и денежным потоком.4. Простое пояснение.5. Список возможных причин.6. Какие данные добавить для точного анализа. --- ## 17.3. Блок “Качество данных” Добавь отдельный блок “Качество данных”. Он должен анализировать исходные строки и показывать, насколько данным можно доверять. Покажи в этом блоке: - сколько всего строк найдено на листе;- сколько строк обработано;- сколько строк попало в выбранный период;- сколько строк пропущено;- сколько строк без даты;- сколько строк без суммы;- сколько строк без статьи;- сколько строк без направления;- сколько строк с некорректными числами;- сколько строк с некорректными датами;- какие обязательные или полезные поля не найдены;- какие поля желательно добавить. Добавь визуальный индикатор качества данных: - 80–100% — данные выглядят хорошо;- 60–79% — есть недочёты, но дашборд можно использовать;- ниже 60% — данным нужно уделить внимание перед выводами. Важно: если качество данных низкое, дашборд всё равно должен открываться, но выводить предупреждение: “Дашборд построен, но часть данных не удалось обработать. Перед принятием решений проверьте качество исходной таблицы.” --- ## 17.4. Что нужно добавить в код В серверной части `Code.gs` добавь функции: ```javascriptgenerateRedFlags(kpis, chartData, rows, previousRows)generateProfitCashExplanation(kpis, rows, previousRows, columnMap)calculateDataQuality(rawRows, preparedRows, filteredRows, columnMap)

Хотите разобраться с ИИ глубже?

Только начинаете использовать нейросети в работе?

Я сделала мастер-класс «ChatGPT в работе финансиста и бухгалтера», где на практике показала, как с нуля внедрить нейросети в вашу работу и разобрала решение четырёх конкретных задач.

Парсинг банковских выписок с ИИ

Финансовый анализ отчётов ОПиУ и Баланс с ИИ за 10 минут

Финансовый дашборд для презентации отчётности клиенту

Оценка финансовой устойчивости компании для привлечения займов и инвестиций

Посмотрите мастер-класс и разберите, какие задачи финансиста уже сейчас можно передать ChatGPT.

Смотреть мастер-класс по ChatGPT

Клуб финансового аутсорсинга «ЯХОНТ»

Одного навыка работы с дашбордами недостаточно

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

Всё необходимое для этого собрано в клубе финансового аутсорсинга «ЯХОНТ».

Индивидуальная стратегия

Персональная стратегия развития под точку А и точку Б специалиста. Формат составления зависит от тарифа.

8 практических курсов

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

База готовых инструментов

Шаблоны, калькуляторы, инструкции, сервисы и рабочие материалы для финансиста на аутсорсе.

Профессиональное сообщество

Коллеги, обмен опытом, возможность получать обратную связь и помощь.

Регулярные мастер-классы

Практические темы по финансовому учёту, продажам, автоматизации, продвижению и развитию практики.

Групповые разборы

Разбор конкретных запросов участников и план действий на ближайшие недели. Участие — по условиям тарифа.

Стратегия + знания + готовые инструменты + профессиональная среда + поддержка.

Если хотите не просто научиться делать отдельные инструменты, а системно развиваться в финансовом аутсорсинге — посмотрите, как устроен «ЯХОНТ».

Узнать подробнее о клубе

Остаёмся на связи

Если у вас появились вопросы — напишите мне.

Написать в Telegram Написать в MAX