> ## Content Index
> Fetch the complete content index at: https://matveev.tech/llms.txt
> Use this file to discover other available public pages before exploring further.

# Artifacts в Claude Code: живые страницы для команды
- URL: https://matveev.tech/claude-code-artifacts/
- Published: 2026-06-22T07:04:37.000Z
- Updated: 2026-06-22T07:04:37.000Z
- Description: Новая бета-фича: Claude Code публикует прогресс сессии как живую страницу, которую видит вся команда. Разобрал, что умеет и в чём подвох.
- Author: Pavel Matveev
- Tags: Claude Code, AI, Dev Tools, Обзор, Агенты

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

18 июня 2026 Anthropic [добавила в Claude Code artifacts](https://claude.com/blog/artifacts-in-claude-code?ref=matveev.tech) — возможность превратить работу сессии в страницу, которой можно поделиться. Звучит как мелочь, но меняет одну надоевшую вещь: больше не нужно пересказывать команде, что там агент нарыл за полчаса логов. Ты кидаешь ссылку, и все смотрят в одно и то же.

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

![Иллюстрация Anthropic к анонсу artifacts в Claude Code](https://matveev.tech/content/images/2026/06/claude-code-artifacts-cover.svg)

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

Artifact — это одна самодостаточная веб-страница, которую Claude Code собирает прямо из твоей сессии и публикует на приватный URL на claude.ai. По [документации](https://code.claude.com/docs/en/artifacts?ref=matveev.tech), смысл простой: иногда текст в терминале просто неудобный формат. Аннотированный дифф, график ошибок по сервисам, пять вариантов вёрстки рядом. На такое проще посмотреть, чем читать построчно.

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

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

⚠️

Сразу про порог входа: фича в бете и работает только на планах Team и Enterprise со входом в claude.ai. На индивидуальном Pro, через API-ключ или облачных провайдеров (Bedrock, Vertex) опубликовать artifact не выйдет.

## Чем это отличается от 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.
- Чеклист релиза или миграции, где пункты отмечаются по ходу, а рядом заметки про пропущенное.
- Карта сервиса, нарисованная из реального графа импортов, а не по памяти на вайтборде.

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

✈️

Слежу за тем, как Claude Code и другие агенты меняют рабочий процесс разработчика — [подписывайся в телеге](https://t.me/ctospeech?ref=matveev.tech).

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

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

| Требование           | Условие                                                                                     |
| -------------------- | ------------------------------------------------------------------------------------------- |
| План                 | Team или Enterprise. На Team включено по умолчанию, на Enterprise включает админ            |
| Авторизация          | Вход в claude.ai через /login. API-ключ, gateway-токен, облачные креды не годятся           |
| Провайдер модели     | Только Anthropic API. Amazon Bedrock, Google Vertex AI, Microsoft Foundry не поддерживаются |
| Политики организации | Не должны быть включены CMEK, HIPAA и Zero Data Retention                                   |
| Где работает         | Claude Code CLI или десктоп-приложение версии 1.13576.0 и новее                             |

То есть если ты один на 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.

[Artifacts в Claude CodeОфициальный анонс Anthropic: живые страницы из контекста сессии, версии и доступ на уровне организации.claude.com](https://claude.com/blog/artifacts-in-claude-code?ref=matveev.tech)

## 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: одна панель для всех сессий](https://matveev.tech/claude-code-agent-view/) — как следить за параллельными сессиями, из которых и рождаются artifacts
- [Dynamic workflows в Claude Code: сотни агентов разом](https://matveev.tech/claude-code-dynamic-workflows/) — масштаб работы, который потом удобно показывать страницей
- [Claude Code /goal: автономная работа Claude до результата](https://matveev.tech/claude-code-goal/) — долгие сессии, где живой artifact особенно к месту
- [GLM-5.2 в Claude Code: 1M контекста дешевле Claude](https://matveev.tech/glm-5-2-claude-code/) — про альтернативные модели в том же Claude Code