Живые дашборды в Claude Code через MCP-артефакты

Артефакты Claude Code получили серьёзное обновление. Опубликованный артефакт — самодостаточная HTML-страница, которую Claude собирает и публикует для вас — теперь может вызывать ваши MCP-коннекторы при каждом открытии. Это значит: дашборд открытых PR, который вы собрали в прошлый понедельник, сегодня показывает текущий список, а не прошлонедельный. Живой дашборд — и без единой строки серверного кода.

Функция появилась в Claude Code v2.1.209, и я ждал её с самого запуска артефактов. В оригинальной версии данные были только встроенные — всё, что Claude собрал за сессию. Теперь страница может сходить за свежими данными при каждой загрузке.

1Что вообще такое «живые данные в артефакте»?

Артефакты всегда были снимками: Claude тянет данные из GitHub, собирает HTML-страницу, публикует. Страница точна на момент сборки. Завтра данные устарели. С MCP-коннекторами Claude прописывает в страницу вызовы ваших коннекторов — те же инструменты, что Claude использует в сессии, только теперь они срабатывают, когда кто-то открывает страницу. Каждый раз — свежие данные, не прошлонедельный вывод сессии.

2Что нужно для начала?

Три вещи: Claude Code версии 2.1.209 или новее (проверьте командой claude --version), платный план (Pro, Max, Team или Enterprise) и хотя бы один MCP-коннектор, настроенный на claude.ai в разделе Settings → Connectors. Коннектор, который нужен вашему дашборду, должен быть подключён к аккаунту claude.ai, а не только к локальному Claude Code. Локальные серверы из .mcp.json могут передавать данные, пока Claude собирает страницу, но опубликованная страница не сможет вызвать их после публикации.

3Как собрать первый живой дашборд

Назовите коннектор и данные, которые вам нужны. Это весь шаблон промпта. Всё остальное Claude берёт на себя: объявляет, какие коннекторы страница вправе вызывать, пишет логику загрузки, публикует. Вот промпт для GitHub-коннектора:

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

4Как живые данные работают для ваших зрителей?

Вот что меня удивило: живые вызовы идут через коннекторы самого зрителя, а не ваши. Когда коллега открывает PR-дашборд, который вы расшарили, вызов коннектора проходит через его подключение к GitHub — он видит данные своего аккаунта. Это намеренно: его учётные данные не покидают его аккаунт, и вы не видите то, к чему он имеет доступ, но не вы. Отсюда следствие: два человека могут открыть один и тот же дашборд и увидеть разные данные в зависимости от своих прав.

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

5Что реально можно построить?

Всё, где важны «текущие данные», а не «интерактивность». Страница загружает данные при открытии, может обновляться по таймеру или по кнопке. Действия, изменяющие данные, тоже работают — кнопка, закрывающая GitHub-issue или отправляющая сообщение в Slack, выполняется через аккаунт самого зрителя. Несколько идей для разных коннекторов:

Ограничение остаётся: это одна HTML-страница без бэкенда — не хранит введённые данные, не обслуживает несколько маршрутов. Но этого хватает для большинства дашбордов, которые нужны командам на самом деле: утренний стендап, трекер деплоев, сводка спринта. Раньше сложность была в бэкенде. Теперь — только в промпте.