Артефакты Claude Code: живые страницы из сессий
Артефакты Claude Code превращают вывод сессии в живую веб-страницу на приватном URL — обновляется в реальном времени, пока Claude продолжает работу.
Проверено на точность — Евгений Арсентьев, PhD · 2026-07-01
Артефакт — это живая веб-страница, которую Claude Code публикует прямо из вашей сессии. Вы просите Claude что-то построить — разбор PR с аннотациями, дашборд из уже полученных данных, сравнение вариантов дизайна — и Claude пишет HTML-страницу и публикует её на приватном URL в claude.ai. Страница обновляется на месте, пока сессия продолжается. Никакого деплоя, никаких сборок, никаких файлов для пересылки.
Я использую их для ревью PR внутри команды. Вместо того чтобы вставлять стену диффов в Slack, делюсь ссылкой на страницу, где дифф отрендерен с аннотациями рядом с каждым блоком. Ревьюер кликает, читает, комментирует — без скриншотов из терминала. Вот главный сценарий артефактов: вывод, на который проще смотреть, чем читать построчно.
Артефакты требуют план Team или Enterprise и сессию, авторизованную через /login. Функция находится в бета-статусе — доступность и поведение могут измениться.
Что такое артефакт Claude Code?
Это самодостаточная HTML-страница — один файл, без бэкенда. Claude может использовать всё, до чего дотягивается ваша сессия: кодовую базу, данные, полученные через подключённые инструменты, вывод команд. Страница не может сохранять ввод из форм или обращаться к API в момент просмотра, зато может рендерить графики, показывать аннотированные диффы, отображать макеты или вести временну́ю шкалу расследования, которую Claude заполняет по ходу долгой задачи. Если вам нужно приложение с настоящим бэкендом — артефакт не для этого, деплойте на своей инфраструктуре. Думайте об артефакте как о снимке работы, а не о запущенном сервисе.
Как создать артефакт в Claude Code?
Попросите обычными словами. Команды для запоминания нет. Опишите визуальный результат, который хотите получить, — Claude сам решит, стоит ли его строить. Claude также может опубликовать артефакт самостоятельно, когда вывод подходит для страницы: вы увидите запрос разрешения перед публикацией. Например: «Claude хочет опубликовать Deploy failures by service (deploy-failures.html) на приватной странице в claude.ai». Нажмите Yes — браузер откроет новую страницу.
Три промпта для быстрого старта
- 1Создай артефакт с разбором этого PR — отрендери дифф с аннотациями рядом с каждым блоком, подсвети по степени серьёзности.
- 2Построй дашборд-артефакт ошибок деплоя за прошлую неделю по сервисам и обновляй его по ходу расследования.
- 3Сделай артефакт с четырьмя разными вариантами макета панели настроек — расположи рядом, под каждым по одной строке с компромиссом.
В любой момент нажмите Ctrl+] в терминале, чтобы снова открыть последний артефакт. Если не хотите, чтобы браузер открывался автоматически при каждой публикации — установите CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 в переменных окружения.
Как обновить артефакт?
Просто попросите Claude внести правки. Claude редактирует исходный HTML-файл и публикует снова по тому же URL — все, у кого открыта страница, видят обновление на месте. Каждая публикация становится пронумерованной версией; в элементе управления Share в шапке страницы можно выбрать, какую версию видят зрители. Это удобно, когда хочется поделиться стабильным снимком, пока Claude продолжает полировать.
Чтобы обновить артефакт из другой сессии, дайте Claude URL артефакта и попросите внести изменения. Без URL новая сессия всегда создаёт новый артефакт.
Обнови https://claude.ai/code/artifact/<id> с сегодняшними числами.
Вставьте URL артефакта прямо в промпт. Claude получит текущую страницу, применит изменения и опубликует новую версию по той же ссылке.
Кто может увидеть артефакт Claude Code?
Новый артефакт виден только вам. Откройте его в браузере и используйте элемент Share в шапке, чтобы открыть доступ конкретным коллегам или всей организации. Доступ ограничен вашей организацией: зрители должны войти в claude.ai как участники той же организации, опубликовавшей артефакт. Опции сделать артефакт общедоступным или поделиться с кем-то снаружи нет — для этого попросите Claude дать HTML-файл и отправьте его напрямую.
Все опубликованные вами артефакты живут там — с названием, эмодзи-иконкой и историей версий. В шапке каждого артефакта указано ваше имя как автора, чтобы коллеги всегда знали, кто опубликовал страницу.
Что реально можно построить? Лучшие сценарии артефактов
Ограничение: одна HTML-страница, без бэкенда. В этих рамках список большой. Разборы PR с аннотированными диффами — самое частое. Дашборды из данных, которые Claude уже получил через MCP-инструменты. Сравнение вариантов рядом — макеты, текст, API-контракты, планы реализации. Временны́е шкалы расследований, которые Claude дополняет по ходу долгой задачи. Итоги встреч с чистым визуальным форматом вместо стены буллетов. Если вы обычно вставляете вывод в доку или Slack и форматируете руками — артефакт делает это быстрее и даёт живую, версионируемую страницу.
Артефакт или обычный файл: когда что выбирать
Используйте артефакт, когда хотите поделиться результатом с коллегой без вложений, когда контент выигрывает от визуальной вёрстки (графики, сравнения, цветные диффы), или когда хотите, чтобы страница обновлялась по месту, пока Claude работает дальше. Используйте обычный файл, когда вывод нужно передать за пределы организации, когда нужен бэкенд или несколько маршрутов, или когда результат — данные для другого инструмента.
Напоследок: артефакты — бета, поведение и доступность, вероятно, будут меняться. Всё выше верно на июль 2026 года. Если Claude отвечает, что не может опубликовать артефакт, проверьте два условия: план должен быть Team или Enterprise, а сессия — авторизована через /login. Именно эти два пункта чаще всего сбивают с толку.

Автор
Евгений Арсентьев
PhD · Директор по продукту (CPO) в tech-компании
▌ Чтение — это синяя пилюля
Хочешь реально это построить?
Гайды объясняют. Бесплатный курс превращает — персонально, с геймификацией и заточенный на быстрый запуск.
◉ Начать бесплатный курс →