Артефакты Claude Code: живые страницы из сессий

Артефакт — это живая веб-страница, которую Claude Code публикует прямо из вашей сессии. Вы просите Claude что-то построить — разбор PR с аннотациями, дашборд из уже полученных данных, сравнение вариантов дизайна — и Claude пишет HTML-страницу и публикует её на приватном URL в claude.ai. Страница обновляется на месте, пока сессия продолжается. Никакого деплоя, никаких сборок, никаких файлов для пересылки.

Я использую их для ревью PR внутри команды. Вместо того чтобы вставлять стену диффов в Slack, делюсь ссылкой на страницу, где дифф отрендерен с аннотациями рядом с каждым блоком. Ревьюер кликает, читает, комментирует — без скриншотов из терминала. Вот главный сценарий артефактов: вывод, на который проще смотреть, чем читать построчно.

1Что такое артефакт Claude Code?

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

2Как создать артефакт в Claude Code?

Попросите обычными словами. Команды для запоминания нет. Опишите визуальный результат, который хотите получить, — Claude сам решит, стоит ли его строить. Claude также может опубликовать артефакт самостоятельно, когда вывод подходит для страницы: вы увидите запрос разрешения перед публикацией. Например: «Claude хочет опубликовать Deploy failures by service (deploy-failures.html) на приватной странице в claude.ai». Нажмите Yes — браузер откроет новую страницу.

В любой момент нажмите Ctrl+] в терминале, чтобы снова открыть последний артефакт. Если не хотите, чтобы браузер открывался автоматически при каждой публикации — установите CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 в переменных окружения.

3Как обновить артефакт?

Просто попросите Claude внести правки. Claude редактирует исходный HTML-файл и публикует снова по тому же URL — все, у кого открыта страница, видят обновление на месте. Каждая публикация становится пронумерованной версией; в элементе управления Share в шапке страницы можно выбрать, какую версию видят зрители. Это удобно, когда хочется поделиться стабильным снимком, пока Claude продолжает полировать.

Чтобы обновить артефакт из другой сессии, дайте Claude URL артефакта и попросите внести изменения. Без URL новая сессия всегда создаёт новый артефакт.

Обнови https://claude.ai/code/artifact/<id> с сегодняшними числами.

4Кто может увидеть артефакт Claude Code?

Новый артефакт виден только вам. Откройте его в браузере и используйте элемент Share в шапке для публикации. На планах Pro и Max публичная ссылка — единственный вариант доступа: её может открыть любой, авторизация не нужна. На планах Team и Enterprise можно делиться с конкретными коллегами или всей организацией (участники входят через claude.ai), а также включить публичную ссылку. Team и Enterprise также позволяют давать доступ редактора: в диалоге Share сменить роль с viewer на editor, и этот человек сможет публиковать новые версии из своих сессий.

5Что реально можно построить? Лучшие сценарии артефактов

Ограничение: одна HTML-страница, без бэкенда. В этих рамках список большой. Разборы PR с аннотированными диффами — самое частое. Дашборды из данных, которые Claude уже получил через MCP-инструменты, — или живые дашборды, вызывающие ваши MCP-коннекторы при каждом просмотре для показа текущих данных. Сравнение вариантов рядом — макеты, текст, API-контракты, планы реализации. Временны́е шкалы расследований, которые Claude дополняет по ходу долгой задачи. Итоги встреч с чистым визуальным форматом вместо стены буллетов. Если вы обычно вставляете вывод в доку или Slack и форматируете руками — артефакт делает это быстрее и даёт живую, версионируемую страницу.

6Артефакт или обычный файл: когда что выбирать

Используйте артефакт, когда хотите поделиться результатом с коллегой без вложений, когда контент выигрывает от визуальной вёрстки (графики, сравнения, цветные диффы), или когда хотите, чтобы страница обновлялась по месту, пока Claude работает дальше. Используйте обычный файл, когда вывод нужно передать за пределы организации, когда нужен бэкенд или несколько маршрутов, или когда результат — данные для другого инструмента.

Напоследок: артефакты — бета, поведение и доступность, вероятно, будут меняться. Всё выше верно на июль 2026 года. Если Claude отвечает, что не может опубликовать артефакт, проверьте два условия: у вас должен быть платный план (Pro, Max, Team или Enterprise), а сессия — авторизована через /login. Именно эти два пункта чаще всего сбивают с толку.