Artifacts в Claude Code: живые страницы для команды

TL;DR: Claude Code научился публиковать результат сессии как живую веб-страницу на приватном адресе claude.ai: PR-walkthrough, дашборд, таймлайн расследования инцидента. Страница строится из контекста сессии и обновляется на той же ссылке, пока агент работает. Команда открывает её в браузере и видит один и тот же актуальный вид. Фича в бете, нужен план Team или Enterprise.

18 июня 2026 Anthropic добавила в Claude Code artifacts — возможность превратить работу сессии в страницу, которой можно поделиться. Звучит как мелочь, но меняет одну надоевшую вещь: больше не нужно пересказывать команде, что там агент нарыл за полчаса логов. Ты кидаешь ссылку, и все смотрят в одно и то же.

Самое частое непонимание сразу: это не те artifacts, что в чате claude.ai. Поэтому давай разложу по полочкам, что это, как включить и в чём подвох.

Что такое artifacts в Claude Code

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

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

Важно понять, чем artifact не является. Это снимок работы, а не приложение. Страница статичная, без бэкенда: она не сохранит данные из формы, не дёрнет API в момент просмотра, не отдаст несколько маршрутов. Если нужен внутренний инструмент с сервером — это по-прежнему отдельный деплой на своей инфраструктуре.

Чем это отличается от artifacts в чате Claude

Тут легко запутаться, потому что слово одно. Artifacts в чате claude.ai живут с 2024 года: пишешь в диалоге, справа открывается панель с кодом, документом или превью приложения. Это про работу внутри чата.

Artifacts в Claude Code устроены иначе. Они рождаются из инженерной сессии в терминале или десктоп-приложении и публикуются как страница с собственным адресом, версиями и доступом на уровне организации. Это способ поделиться результатом работы агента с командой, а не интерактивная песочница внутри диалога. Технически родство есть (события в аудит-логе у них из одного семейства), но сценарии разные: чат закрывает задачу здесь и сейчас, а Claude Code показывает готовый результат команде.

Как Claude Code собирает страницу из сессии

Механика короткая. Claude пишет HTML- или Markdown-файл прямо в проект, а потом публикует его. Перед первой публикацией спросит разрешение в духе «Claude wants to publish "Deploy failures by service" to a private page on claude.ai». Согласился — получил ссылку, браузер открыл страницу. Повторные публикации уже одобренного artifact разрешения не требуют. Кстати, Ctrl+] в терминале переоткрывает последний artifact, а переменная CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 отключает авто-открытие браузера.

Дальше начинается самое полезное для команды. Когда агент обновляет страницу, она перерисовывается на месте у всех, кто держит её открытой. Каждая публикация становится новой версией по тому же адресу, есть история и откат на любую предыдущую. Через контрол Share в шапке можно выбрать, какую версию видят зрители.

В блоге Anthropic приводит типичный кейс из внутреннего тестирования, и это ровно про коллаборацию. Инженер запускает расследование инцидента до стендапа. Claude Code прочёсывает логи и публикует artifact: таймлайн, подозрительные коммиты, график частоты ошибок. Ссылка уходит в команду. Пока все идут на стендап, агент успевает дважды переопубликовать страницу с новыми данными. В итоге никто не просит «расскажи, что там агент нашёл», все уже смотрят в один и тот же актуальный вид. Эта экономия на пересказах статусов и есть главная идея.

Чтобы обновить artifact из другой сессии, дай Claude его URL и попроси переписать. Без ссылки новая сессия создаст новый artifact, а не обновит старый. И ещё деталь: страницы не редактируются совместно. Автор один, остальные только смотрят опубликованные версии.

Быстрый старт: как включить artifacts

Если у тебя план Team, скорее всего всё уже работает — там artifacts включены по умолчанию. На Enterprise фичу включает админ в настройках claude.ai. Дальше так:

1. Залогинься в claude.ai через /login в Claude Code. На API-ключе, gateway-токене или облачных кредах публикация не сработает, это требование.
2. Доведи сессию до момента, когда есть что показать: разбор PR, данные для дашборда, результат расследования.
3. Попроси страницу человеческим языком. Например: Сделай artifact, который проводит по этому PR с аннотированным диффом или Собери дашборд по фейлам деплоя за неделю и обновляй его, пока разбираешься.
4. Подтверди публикацию. Claude вернёт ссылку и откроет браузер.
5. Поделись из шапки страницы через Share — с конкретными людьми или со всей организацией.

Claude сам придумает заголовок и эмодзи для иконки вкладки. Хочешь свои — попроси в промпте. Если агент отвечает, что опубликовать не может, или пишет локальный HTML-файл без ссылки, значит фича для сессии недоступна. Тогда проверяй требования из раздела про доступность.

Что собрать для команды: реальные сценарии

Anthropic в анонсе разложила идеи по ролям, и почти все они — про то, чтобы перестать объяснять словами. Несколько примеров, которые мне кажутся самыми рабочими:

• Разбор PR, по которому реально можно пройти: дифф с аннотациями на полях, рядом логика изменений. Ревью перестаёт быть археологией по коммитам.
• Инцидент, который сам дорастает до постмортема. Таймлайн, подозрительные коммиты, всплеск ошибок из мониторинга, и страница пополняется по ходу расследования.
• Дашборд из данных, которые сессия и так вытащила. Скажем, фейлы деплоя по сервисам с сортировкой и фильтрами.
• Несколько вариантов рядом, чтобы выбрать глазами: пять версий экрана регистрации из твоих же компонентов или пара вариантов API.
• Чеклист релиза или миграции, где пункты отмечаются по ходу, а рядом заметки про пропущенное.
• Карта сервиса, нарисованная из реального графа импортов, а не по памяти на вайтборде.

Логика везде одна: взять то, что агент и так насобирал в сессии, и показать это так, чтобы коллеге хватило одной ссылки.

Кому доступно и сколько стоит

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

То есть если ты один на Pro-плане, artifacts из Claude Code пока мимо. Фича заточена под команды, и это видно по каждому требованию. В Agent SDK, GitHub Action и MCP-серверах она по умолчанию выключена.

Ограничения, о которых стоит знать

Раз страница самодостаточная, у неё жёсткие рамки. Anthropic оборачивает файл в HTML-оболочку со строгой Content Security Policy, и это диктует правила:

• Никаких внешних запросов. CSP режет сторонние скрипты, стили, шрифты и картинки, заодно fetch, XHR и WebSocket. Поэтому CSS и JS встраиваются прямо внутрь, а картинки зашиваются как data URI.
• Бэкенда нет. Статическая страница не хранит данные форм, не авторизует зрителей сама и не зовёт API в момент просмотра.
• Всё живёт на одной странице. Относительные ссылки не работают, разделы делаются через якоря внутри страницы.
• Жёсткие требования к файлу. Исходник только .html, .htm или .md, готовая страница не больше 16 МиБ. Чаще всего лимит пробивают тяжёлые встроенные картинки.

Ещё момент про токены: генерация artifact тратит выходные токены как любой ответ, а стилизованная страница дороже того же текста в терминале. Особенно прожорливы картинки как data URI. В документации советуют предпочитать SVG и CSS растровым изображениям и не встраивать целиком большие датасеты.

И про приватность, раз уж речь про команды. Каждый artifact по умолчанию виден только автору. Поделиться можно с конкретными людьми или со всей организацией, но наружу — никак: смотреть может только залогиненный участник той же организации. Публичным artifact сделать нельзя в принципе. Для админов есть retention-политики, аудит-лог и Compliance API для инвентаризации и удаления. По меркам корпоративной безопасности — закрыто плотно.

Вердикт

Мне нравится сама идея: убрать прослойку «давай я расскажу, что нашёл агент». Когда расследование инцидента само превращается в живую страницу, которую команда открывает по ссылке, это экономит реально много мелких коммуникаций. Для тимлидов и SRE это, думаю, самый сочный сценарий. Версионирование с откатом и приватность на уровне org сделаны по-взрослому, придраться не к чему.

Что смущает. Во-первых, бета и порог входа: только Team и Enterprise, только Anthropic API, обязательный вход через claude.ai. Если ты соло-разработчик на Pro или сидишь через Bedrock и Vertex — пройдёшь мимо, и это отсечёт заметную часть аудитории. Во-вторых, статичность: интерактивные внутренние тулзы на artifacts не построишь, мечты про это лучше сразу отложить, для них по-прежнему нужен нормальный деплой. В-третьих, стоит держать в голове расход токенов на красивые страницы, особенно с картинками.

Кому советую: командам, которые уже живут в Claude Code и устали синхронизироваться текстом в Slack. Кому пока рано: одиночкам и тем, кто на облачных провайдерах модели. Фича явно будет прирастать, но прямо сейчас это инструмент для команд, а не для всех. Если попадаешь в целевую группу — попробовать точно стоит, выхлоп ощущается с первого же расшаренного artifact.

FAQ

Можно ли сделать artifact публичным? Нет. Страницу видят только залогиненные участники твоей организации. Публичной ссылки не предусмотрено. Чтобы отдать контент наружу, попроси Claude отдать сам HTML-файл и поделись файлом.

Работают ли artifacts на API-ключе или через Bedrock/Vertex? Нет. Нужен вход в claude.ai через /login и провайдер Anthropic API. Сессии на API-ключе, gateway-токене или облачных кредах публиковать не могут.

Чем это отличается от artifacts в чате claude.ai? Чатовые artifacts живут в диалоге как боковая панель. Версия для Claude Code публикуется из инженерной сессии как отдельная страница с адресом, версиями и доступом на уровне организации. Это про шеринг результата работы агента с командой.

Что ещё почитать

• Claude Code Agent View: одна панель для всех сессий — как следить за параллельными сессиями, из которых и рождаются artifacts
• Dynamic workflows в Claude Code: сотни агентов разом — масштаб работы, который потом удобно показывать страницей
• Claude Code /goal: автономная работа Claude до результата — долгие сессии, где живой artifact особенно к месту
• GLM-5.2 в Claude Code: 1M контекста дешевле Claude — про альтернативные модели в том же Claude Code