Гайд · Claude · сентябрь 2026
Дашборд для бизнеса в Claude: панель метрик из одного диалога
Каждую неделю ты открываешь три разных места, чтобы понять, как идут дела: таблицу продаж, отчёт по рекламе, список заявок. Claude умеет собрать из этого живую HTML-панель за один диалог, без установки программ. Принцип проверен живым демо-прогоном 5 сентября 2026 года на тестовых данных
Движок этого сайта собрал две демо-панели по одному и тому же принципу - на выручке по неделям и на заявках по источникам - и в обоих случаях вышла рабочая HTML-страница с честными цифрами, посчитанными кодом по CSV-файлу, а не придуманными на глаз. Полный вывод прогонов и сами файлы лежат рядом со статьёй
Открой Claude, включи в настройках функцию выполнения кода (Settings → Capabilities → Code execution and file creation), загрузи в диалог свой CSV с цифрами и напиши прямым текстом: «собери из этого файла дашборд с карточками по ключевым метрикам и графиком по неделям». Claude сам посчитает цифры кодом и покажет готовую HTML-страницу в отдельном окне рядом с чатом. Дальше в статье - что именно писать в файл и как менять панель под свои метрики
Что такое дашборд в Claude и почему это не просто красивая табличка
Дашборд - это одна страница, где сразу видно главное: несколько крупных цифр вверху (выручка, заказы, средний чек) и один-два графика ниже, без необходимости листать саму таблицу. Разница с обычной табличкой простая: таблица показывает КАЖДУЮ строку, а дашборд показывает ИТОГ по строкам - то, что реально нужно посмотреть за 10 секунд перед планёркой
Пять шагов, которые проходишь до готовой панели, коротко:
| Шаг | Что делаешь |
|---|---|
| Шаг 1 | Готовим CSV со своими метриками - простая таблица, дата, категория, число |
| Шаг 2 | Включаем выполнение кода в настройках Claude - без этого переключателя окно с дашбордом не откроется |
| Шаг 3 | Формулируем задачу для Claude одним сообщением - какие метрики и какой разрез нужны |
| Шаг 4 | Смотрим готовую панель в отдельном окне - карточки, график, таблица без установки чего-либо |
| Шаг 5 | Просим поправить и опубликовать ссылку - правки словами, ссылка кнопкой Publish |
Таблица прокручивается вбок →
Claude строит такую страницу через свой инструмент выполнения кода: он читает загруженный файл, пишет и запускает код на Python, который считает суммы и группировки по-настоящему, а результат оборачивает в HTML-страницу с карточками и графиками. Официальная документация Anthropic описывает это так
«Claude can analyze data, create visualizations, perform complex calculations, run system commands, create and edit files, and process uploaded files directly within the API conversation»
Перевожу: Claude не «рисует красиво на глаз» - он реально считает сумму, среднее и группировку кодом, который можно попросить показать. Это важно для бизнес-цифр: ошибка в подсчёте выручки стоит дороже, чем красивый график с неверным числом внутри. Само окно, в котором открывается такая страница, называется артефактом - если хочется понять механизм подробнее, у меня есть отдельный короткий разбор термина - Артефакты в Claude: что это и как включить - глоссарий
Шаг 1. Готовим CSV со своими метриками
Что делаешь: открываешь свою таблицу (Excel, Google Таблицы, выгрузку из CRM) и сохраняешь её в формате CSV - простой текстовый файл, где строки разделены переносом, а столбцы запятой. Структура нужна простая: одна строка - одно событие, столбцы - дата, категория (канал, источник, товар) и число (выручка, заказы, заявки)
Шаг 1 на практике: подготовка файла
- Что сделать в Google Таблицах или Excel выбери «Файл → Скачать → Значения, разделённые запятыми (CSV)» - получится файл с расширением .csv
- Что увидишь обычный текстовый файл, который можно открыть даже блокнотом: первая строка - названия столбцов, дальше - строки с данными через запятую
- Что это даёт Claude читает такой файл без ошибок распознавания формата - в отличие от скриншота таблицы или PDF, где часть чисел может быть прочитана неточно
В демо-прогоне подготовлен CSV из 4 столбцов (дата, канал, выручка, заказы) и 15 строк данных на пять недель. Из этого файла код посчитал итоговую выручку 1 394 000 рублей и 183 заказа - оба числа проверяемы построчным сложением того же файла, что и делает код, а не Claude «на глаз»
Совет из практики: не грузи в файл всё подряд ради «пусть будет». Три-четыре столбца с понятными названиями работают надёжнее, чем выгрузка на пятьдесят колонок, где половина - служебные идентификаторы. Если метрики уже удобно живут в таблице и отдельная веб-страница не нужна, у меня есть отдельный разбор именно про работу внутри самой таблицы - ИИ для таблиц Excel: 4 шага и 3 числа против кривой цифры. А если данные хранятся не в таблице, а в CRM или базе бизнес-плана, сначала стоит понять, откуда вообще брать цифры - смотри Бизнес-план в Claude за вечер: готовый промпт по шагам
Шаг 2. Включаем выполнение кода в настройках Claude
Что делаешь: без одной настройки построение дашборда не сработает вообще - Claude честно откажется показать окно с готовой страницей, если функция выключена
Шаг 2 на практике: включение функции
- Куда зайти в Claude открой настройки (иконка профиля) → раздел «Capabilities» (возможности)
- Что нажать включи переключатель «Code execution and file creation» (выполнение кода и создание файлов)
- Что увидишь переключатель встанет в активное положение - теперь Claude может считать код и открывать окно с готовой страницей
- Что это даёт без этого шага диалог просто ответит текстом «примерно так» вместо реального расчёта - переключатель превращает Claude из собеседника в счётчик, который проверяем
По официальной документации Anthropic это не мелкая деталь, а обязательное условие самой функции артефактов
«We no longer support artifacts without Code execution and file creation enabled in Settings > Capabilities (Free, Pro, Max) or Organization settings > Capabilities (Team, Enterprise)»
Если у тебя рабочий (корпоративный) аккаунт Claude, тот же переключатель ищи в «Organization settings → Capabilities» - там его включает администратор организации, а не каждый сотрудник у себя. Похожий принцип «сначала включить возможность в настройках, потом пользоваться» работает и у других инструментов Claude - например у подключения внешних сервисов, разобранного в статье Claude MCP: как подключить свой первый сервис за 10 минут
Шаг 3. Формулируем задачу для Claude одним сообщением
Что делаешь: загружаешь подготовленный CSV прямо в диалог (кнопка со скрепкой или перетаскивание файла) и одним сообщением называешь Claude три вещи - какие метрики посчитать сверху, какой разрез показать графиком, что не нужно
Шаг 3 на практике: формулировка задачи
- Что напечатать «собери из этого файла дашборд: наверху три карточки - общая выручка, число заказов, средний чек, ниже - график выручки по неделям и таблица по каналам»
- Что увидишь Claude сначала коротко опишет, что понял из файла (какие столбцы нашёл), потом откроется отдельное окно артефакта с уже готовой страницей
- Что это даёт чем конкретнее названы метрики и разрез, тем меньше правок понадобится после - расплывчатое «сделай красиво» Claude поймёт по-своему, и не всегда так, как нужно тебе
В демо-прогоне программа-эквивалент получила ровно такую же конкретную задачу словами кода: посчитать сумму по столбцу выручки, сумму по заказам, среднее (выручка делить на заказы), сгруппировать по неделям и по каналам. Результат - три метрики и два разреза, ни одного лишнего числа, ни одного придуманного
Одна деталь, о которой стоит знать заранее: если в CSV есть пропуски или два разных формата дат в одном столбце, честно скажи об этом в том же сообщении - «в столбце даты два формата, приведи к одному» - иначе группировка по неделям может разъехаться на пустом месте. Если задача не помещается в одно сообщение и тянет на постоянную инструкцию для проекта, есть отдельный разбор, как хранить такие правила отдельно от разовых запросов - CLAUDE.md: памятка для ИИ, 4 прогона и замок на важное
| Что просишь у Claude | Что получаешь на экране | Когда это нужно |
|---|---|---|
| Карточки с 2-3 метриками сверху | Крупные числа - выручка, заказы, средний чек | Быстрый взгляд перед планёркой |
| График по неделям или месяцам | Столбцы или линия с трендом | Понять, растёт бизнес или падает |
| Таблица по разрезу (канал, источник, товар) | Строки с долями в процентах | Понять, откуда приходят деньги |
Таблица прокручивается вбок →
Как выбрать, какие три числа поставить в карточки
Соблазн поставить в карточки всё, что есть в файле, приводит к панели, где глаз не понимает, куда смотреть в первую очередь. Рабочее правило простое: одна карточка отвечает на вопрос «сколько всего», вторая - «сколько раз», третья - производная от первых двух (среднее, доля, темп роста)
В демо-панели это выглядело так: «выручка всего» (сколько), «заказов» (сколько раз), «средний чек» (производная - выручка делить на заказы). Во второй панели на заявках - «заявок всего», «взято в работу», «конверсия в работу» - та же логика, три уровня, а не список из десяти цифр подряд
Если в файле десятки возможных метрик и непонятно, с чего начать, спроси себя: какие три числа ты и так проверяешь каждую неделю вручную? Именно они и идут в карточки первыми - остальное можно добавить вторым слоем ниже, в таблице по разрезам
Шаг 4. Смотрим готовую панель в отдельном окне
Что делаешь: как только Claude закончил считать, страница дашборда открывается сама в отдельном окне рядом с перепиской - это и есть артефакт
Шаг 4 на практике: что видно на экране
- Что откроется справа от чата (или отдельной вкладкой на телефоне) появляется окно с готовой HTML-страницей: тёмный или светлый фон, карточки с цифрами, график, таблица
- Что можно нажать сверху окна артефакта есть кнопки - посмотреть код страницы, скачать файл, поделиться ссылкой
- Что это даёт страница уже готова к показу - её можно открыть на весь экран во время созвона или скинуть коллеге отдельной ссылкой, не пересказывая цифры голосом
В демо-прогоне итоговая страница весила 3412 байт, то есть чуть больше 3 килобайт кода - не тяжёлое веб-приложение, а простая самодостаточная HTML-страница, которая открывается мгновенно в любом браузере без интернета и без сервера
Официальная документация подтверждает, что Claude умеет строить такие визуализации по запросу прямо в разговоре, а не только по готовым шаблонам
«When a diagram, chart, or interactive element would explain something better than text, Claude can build one from scratch, right in the conversation»
Если тебе после этого захочется не просто панель для себя, а полноценную страницу для клиентов - это уже соседняя задача, разобрана отдельно в статье Создание сайтов на Claude: лендинг одной строкой в Claude Code. А если хочется, чтобы дашборд обновлялся не по твоей просьбе, а сам по расписанию или по событию - смотри Штат ИИ-агентов из одного ассистента: как это устроено
Шаг 5. Просим поправить и опубликовать ссылку
Что делаешь: если что-то на панели не так - неверный порядок карточек, не тот цвет, лишний разрез - просто пишешь это обычными словами в том же диалоге, без открытия кода руками
Шаг 5 на практике: правки и публикация
- Как поправить напиши «поменяй порядок карточек - средний чек первым» или «сделай график линией, а не столбцами» - Claude пересоберёт страницу заново с той же логикой расчёта
- Как опубликовать в окне артефакта нажми кнопку «Publish» - появится отдельная публичная ссылка на эту страницу
- Что увидишь ссылку, которую можно отправить в чат коллегам или руководителю - открывающий её человек не спрашивает пароль и не заходит в свой Claude
- Что это даёт дашборд превращается из личного черновика в страницу, на которую можно ссылаться в переписке - без скриншотов и без пересказа цифр
По официальной документации у публикации есть одна особенность, о которой стоит знать заранее
«Once you unpublish an artifact, you cannot publish that same artifact again»
Проще говоря: не публикуй панель ради пробы «а как это выглядит». Сначала убедись, что цифры и вид устраивают, и только потом жми Publish - отменённую публикацию не получится включить обратно тем же артефактом, придётся собирать заново. Если вместо панели с цифрами тебе в итоге нужен постоянный личный помощник, который держит и дашборд, и другие задачи разом - смотри Как сделать Джарвиса на ПК: личный ИИ-ассистент на Claude за вечер
Как передать дашборд коллеге, у которого нет своего Claude
Опубликованная ссылка открывается в обычном браузере без входа в Claude - это и есть весь секрет. Коллега получает обычный веб-адрес и видит готовую страницу с карточками и графиком точно так же, как её видел ты сам при сборке
Если делиться публичной ссылкой не хочется (например, в цифрах есть чувствительная для компании информация), есть более закрытый путь: скачать файл со страницей кнопкой в окне артефакта и переслать его как обычное вложение - тогда откроется у получателя локально, без публичной ссылки в интернете вообще. Правда, такая копия уже не обновляется через диалог с Claude - обновлять придётся заново пересылкой нового файла
Три частые ошибки при первой сборке
Первая ошибка - расплывчатая формулировка задачи. «Сделай мне красивый дашборд» без названных метрик и разреза Claude поймёт по-своему, и результат придётся долго подгонять правками. Помогает конкретика из шага 3: назвать метрики словами, а не оставлять на усмотрение
Вторая ошибка - слишком много столбцов в исходном CSV. Выгрузка на пятьдесят колонок с наполовину служебными идентификаторами усложняет распознавание структуры и увеличивает шанс, что код сгруппирует данные не так, как ожидалось. Три-четыре понятных столбца работают надёжнее
Третья ошибка - публикация панели раньше проверки цифр. Ссылка после Publish живёт постоянно, и если в спешке опубликовать страницу с неверно посчитанным числом, эта ошибка разойдётся дальше по цепочке людей, которым отправлена ссылка. Сверка чисел вручную по нескольким строкам исходного файла - минута времени, которая экономит объяснения потом
На каких устройствах открывается собранный дашборд
По официальной документации Anthropic окно построения артефакта доступно в Claude на вебе, в десктопном приложении, в Claude Cowork и в Claude Code - именно там открывается сам процесс сборки и правок
«Artifacts are available in Claude, Claude Desktop, Claude Cowork, and Claude Code»
Уже ГОТОВУЮ опубликованную ссылку можно открыть в обычном браузере на любом устройстве - телефоне, планшете, чужом компьютере без установленного Claude вообще. Разница простая: собирать и редактировать панель удобнее там, где доступен сам процесс сборки, а смотреть готовую опубликованную страницу - можно откуда угодно по ссылке
Как обновлять дашборд, когда данных стало больше
Дашборд из этой статьи - не разовая картинка, а рабочий приём: раз в неделю выгружаешь свежий CSV с обновлёнными строками и просишь Claude пересчитать панель на новом файле по той же логике. Ни разу не приходится объяснять всю задачу заново - демо-прогон подтвердил это буквально: второй CSV с другими метриками (заявки вместо продаж) дал рабочую страницу по тому же принципу без единой правки кода расчёта, только заголовки и цвета поменялись
Если данных становится действительно много - не пять строк на неделю, а тысячи строк в день - одноразовый диалог с загрузкой файла перестаёт быть удобным, и это уже вопрос не разового дашборда, а постоянного процесса. Про то, как посчитать, какой процесс вообще стоит отдавать машине на автомате, у меня есть отдельный разбор - Автоматизация бизнеса: считаем 5 процессов и берём первый. Если при этом каждый диалог упирается в дневной лимит сообщений раньше, чем работа закончена, разбор про обход этого узкого места лежит здесь - Лимит сообщений в Claude: как работать весь день без стопа
Когда дашборд в Claude не подходит
Есть три случая, где этот способ не лучший выбор, и честно сказать о них важнее, чем убеждать, что подходит всегда
Первый: если данные меняются каждую минуту (биржевые котировки, живой трафик сайта прямо сейчас) - статичная HTML-страница из диалога устареет раньше, чем ты успеешь на неё посмотреть. Здесь нужен инструмент с постоянным подключением к источнику данных, а не разовый расчёт по загруженному файлу
Второй: если в файле реальные персональные данные клиентов - имена, телефоны, адреса - подумай дважды, прежде чем грузить такой файл в чат целиком. Безопаснее обезличить данные заранее (оставить только суммы и даты, убрать имена) или свериться с политикой конфиденциальности своего тарифа Claude
Третий: если панель нужна не тебе одному, а команде из десяти человек с разными правами доступа и ежедневным автообновлением - это уже не дашборд-артефакт, а полноценная бизнес-система, и здесь разумнее говорить про сборку отдельного сервиса. Начальная точка для такого разговора - Вайбкодинг: что это простыми словами и как начать с нуля в 2026, а следующий практический шаг после него - установка полноценной среды разработки, разобранная в статье Как пользоваться Claude Code: установка и 9 шагов до проекта
| Ситуация | Подходит дашборд-артефакт | Что нужно вместо |
|---|---|---|
| Раз в неделю смотреть итоги по CSV | Да | - |
| Данные обновляются каждую минуту | Нет | Инструмент с живым подключением к источнику |
| В файле реальные имена и контакты клиентов | Осторожно | Обезличенный файл или сверка с политикой конфиденциальности |
| Нужна общая система на всю команду с правами доступа | Нет | Отдельный сервис, не разовый артефакт |
Таблица прокручивается вбок →
Дашборд этого сайта собран тем же способом, что описан выше - без сторонних сервисов, поверх обычного диалога с Claude
Куда идти дальше на этом же сайте
- Нейросети для аналитика в 2026: 4 задачи в Claude и ChatGPT - если нужна не панель метрик целиком, а разовый SQL-запрос или чистка таблицы
- ИИ для таблиц Excel: 4 шага и 3 числа против кривой цифры - если метрики удобнее считать прямо внутри таблицы, без отдельной веб-страницы
- Нейросеть для Excel: как получить формулу и убрать 5 ошибок - формулы и макросы внутри самого файла
- Бизнес-план в Claude за вечер: готовый промпт по шагам - если цифр для дашборда пока нет и стоит начать с плана
- Создание сайтов на Claude: лендинг одной строкой в Claude Code - если дашборд перерастает в полноценную страницу для клиентов
- Как пользоваться Claude Code: установка и 9 шагов до проекта - следующий шаг после Claude Code, если хочется работать не только через диалог
- Вайбкодинг: что это простыми словами и как начать с нуля в 2026 - общий вход, если хочется собирать не только дашборды
- Автоматизация бизнеса: считаем 5 процессов и берём первый - как решить, какой процесс автоматизировать первым, когда дашборд уже показал узкое место
- Claude MCP: как подключить свой первый сервис за 10 минут - если дашборду нужны данные напрямую из внешнего сервиса
- Штат ИИ-агентов из одного ассистента: как это устроено - если дашборд должен обновляться сам, без ручного запроса
- Как сделать Джарвиса на ПК: личный ИИ-ассистент на Claude за вечер - если дашборд - только одна из задач будущего личного помощника
- CLAUDE.md: памятка для ИИ, 4 прогона и замок на важное - как закрепить формат дашборда постоянной инструкцией
- Лимит сообщений в Claude: как работать весь день без стопа - если работа над дашбордом упирается в дневной лимит
- Как пополнить баланс Claude Console из России: 3 шага в 2026 - если работаешь через API, а не через chat-интерфейс
- Артефакты в Claude: что это и как включить - глоссарий - короткая справка по самому термину
- Скиллы, агенты и автоматизация Claude - 71 гайд - полный список моих статей про инструменты на базе Claude
Источники
Ниже страницы, которые я открывал сам при подготовке этой статьи 5 сентября 2026 года:
- Anthropic, Claude Help Center, статья «What are artifacts and how do I use them?» - что такое артефакты, как включить функцию выполнения кода, форматы (HTML, React, SVG, markdown) - support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them, голый адрес https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them
- Anthropic, Claude Help Center, статья «Publish and share artifacts» - как опубликовать дашборд отдельной ссылкой и особенность отмены публикации - support.claude.com/en/articles/9547008-publish-and-share-artifacts, голый адрес https://support.claude.com/en/articles/9547008-publish-and-share-artifacts
- Anthropic, Claude Help Center, статья «Visual and interactive content» - как Claude строит графики и диаграммы прямо в разговоре по загруженным данным - support.claude.com/en/articles/13641943-visual-and-interactive-content, голый адрес https://support.claude.com/en/articles/13641943-visual-and-interactive-content
- Anthropic, официальный блог, запись «Introducing the analysis tool in Claude.ai» с обновлением от 5 ноября 2025 года про code execution - claude.com/blog/analysis-tool, голый адрес https://claude.com/blog/analysis-tool
- Anthropic, документация для разработчиков, раздел «Code execution tool» - как Claude считает данные кодом, а не предсказывает текстом - platform.claude.com/docs/en/agents-and-tools/tool-use/code-execution-tool, голый адрес https://platform.claude.com/docs/en/agents-and-tools/tool-use/code-execution-tool
Памятка: как собрать дашборд для бизнеса в Claude
Пять шагов, по которым проходит сборка
Сохрани себе
- Готовишь CSV: дата, категория, число - без лишних служебных столбцов
- Включаешь в настройках «Code execution and file creation» - без этого окно с панелью не откроется
- Загружаешь файл и одним сообщением называешь метрики сверху и разрез для графика
- Смотришь готовую HTML-страницу в отдельном окне рядом с чатом
- Правишь обычными словами и публикуешь кнопкой Publish, когда всё устраивает
Порог входа
Дашборд можно собрать уже сегодня вечером, привычку смотреть в цифры - тоже
Пять шагов из этой статьи можно пройти прямо сейчас на своём CSV - Claude у тебя уже открыт в браузере
Три дня, бесплатно, доступ открывается сразу, ждать даты не нужно
Это заявка в мой закрытый канал, не оплата. Впускаю сразу, дальше бот в личке отдаёт путёвку на три дня
Частые вопросы
Нужно ли платить за Claude, чтобы собрать дашборд?
Функция артефактов и выполнения кода доступна на бесплатном тарифе Claude, платном Pro и Max - переключатель «Code execution and file creation» есть на каждом из них в разделе настроек Capabilities. Если работаешь через платный API, а не через chat-интерфейс, вопрос баланса и оплаты разобран отдельно - Как пополнить баланс Claude Console из России: 3 шага в 2026
Можно ли загрузить файл Excel вместо CSV?
Да, современные версии Claude принимают и файлы Excel напрямую, но CSV остаётся надёжнее для таблиц с однотипными данными: меньше риска, что формулы или скрытые столбцы Excel собьют распознавание структуры
Что будет с моими данными после того, как я загрузил файл в чат?
Файл обрабатывается в рамках твоего диалога с Claude. Если в файле есть чувствительные персональные данные, безопаснее убрать их заранее (оставить суммы и даты, убрать имена и контакты) - подробности конкретно по своему тарифу стоит свериться в официальной политике конфиденциальности Anthropic
Дашборд обновляется сам, когда меняются цифры в исходной таблице?
Нет, готовая HTML-страница - это снимок на момент сборки, а не живое подключение к твоей таблице. Чтобы обновить цифры, нужно снова загрузить свежий CSV в диалог и попросить пересчитать панель на новых данных
Чем дашборд-артефакт отличается от обычного графика, который Claude присылает в тексте
Обычный график в переписке - это картинка внутри одного ответа, её нельзя открыть отдельно или переслать ссылкой. Дашборд-артефакт - самостоятельная HTML-страница в отдельном окне: её можно опубликовать, скачать и открыть отдельно от всей переписки