Перейти к основному содержанию
Артефакты находятся в бета-версии. Они требуют план Team или Enterprise и сеанс, вошедший с помощью /login. Полный набор требований см. в разделе Доступность.
Артефакт — это живая интерактивная веб-страница, которую Claude Code публикует из вашего сеанса на приватный URL на claude.ai. Вы открываете её в браузере, и она обновляется на месте по мере продолжения сеанса. Поделитесь ею из заголовка страницы, когда захотите, чтобы коллега её увидел. Например, используйте артефакт, чтобы провести рецензента через pull request с аннотированными diff’ами, создать панель управления из данных сеанса или вести временную шкалу расследования, которая заполняется по мере работы Claude.
Артефакт открыт в браузере на claude.ai/code/artifact. Заголовок средства просмотра показывает название артефакта acme-funnel-fix, кнопку Share и аватар автора. Меню Share открыто с переключателем Always share latest version, средством выбора версии, показывающим Sharing version 2, селектором аудитории Everyone at Acme и кнопкой Copy link. Ниже заголовка страница артефакта показывает два макета мобильных устройств рядом, диаграмму воронки и строку карточек метрик.
На этой странице рассматривается, как:

When to use an artifact

Используйте артефакт, когда текст терминала — неправильный способ для того, что создал Claude: вывод, который легче смотреть и с которым взаимодействовать, чем читать строка за строкой. Claude создаёт страницу из всего, что может достичь ваш сеанс, включая вашу кодовую базу и данные, которые он получает через ваши подключённые инструменты, поэтому страница может показывать вещи, которые потребовали бы абзацев для описания. Например, попросите Claude:
  • Провести рецензента через pull request с аннотированными diff’ами
  • Отобразить панель управления из данных, которые сеанс уже получил
  • Расположить несколько вариантов дизайна или реализации рядом
  • Вести временную шкалу расследования, которая заполняется во время выполнения длительной задачи
  • Отправить коллеге ссылку вместо вставки вывода в Slack
См. Что вы можете создать для подсказок, которые соответствуют каждому из этих вариантов.

What an artifact is not

Артефакт — это снимок работы, а не приложение. Это одна самодостаточная страница без бэкенда, поэтому она не может сохранять ввод формы, вызывать API во время просмотра или обслуживать несколько маршрутов. Для размещённого внутреннего инструмента с бэкендом разверните его на вашей собственной инфраструктуре. Полный набор ограничений см. в разделе Ограничения страницы.

Create an artifact

Claude может опубликовать артефакт самостоятельно, когда вывод подходит для страницы, или вы можете попросить его напрямую. Чтобы попросить, назовите функцию или опишите визуальный вывод, который вы хотите, простым языком. Хорошим кандидатом является всё, что легче увидеть, чем прочитать как текст, например аннотированный diff, диаграмма или набор вариантов для сравнения. Приведённые ниже подсказки — два примера; см. Что вы можете создать для дополнительных шаблонов.
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
Claude записывает страницу в файл HTML или Markdown в вашем проекте, а затем публикует её. Перед публикацией нового артефакта Claude Code запрашивает разрешение; это может выглядеть примерно так: Claude wants to publish "Deploy failures by service" (deploy-failures.html) to a private page on claude.ai. Повторная публикация артефакта, который вы уже одобрили, не вызывает запрос снова. Выберите Yes для публикации. Claude выводит URL, и ваш браузер открывает новую страницу. Нажмите Ctrl+] в любой момент, чтобы повторно открыть самый последний артефакт из терминала. Claude выбирает название артефакта и эмодзи для значка вкладки браузера. Оба появляются в вашей галерее артефактов на claude.ai и в общих ссылках, поэтому попросите Claude использовать конкретное название или значок, если вы хотите. Чтобы остановить автоматическое открытие браузера при публикации нового артефакта, установите CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 в вашей среде. Если Claude ответит, что не может опубликовать, или напишет локальный файл HTML без ссылки, инструмент не включён для вашего сеанса. Проверьте требования Доступности.

Update an artifact

Попросите Claude пересмотреть страницу или позвольте длительной задаче повторно опубликовать по мере прогресса. Claude редактирует базовый файл и публикует снова на тот же URL.
Add a per-region breakdown below the summary chart and republish.
Любой, у кого открыта страница, видит обновление на месте. Каждая публикация становится версией, и из элемента управления Share в заголовке страницы вы можете выбрать, какую версию видят зрители. Чтобы обновить артефакт из другого сеанса, дайте Claude URL артефакта и попросите его пересмотреть. Без URL новый сеанс всегда создаёт новый артефакт вместо обновления существующего.
Update https://claude.ai/code/artifact/5fbea6f3-... with today's numbers.

Share an artifact

Новый артефакт видим только вам. Откройте его в браузере и используйте элемент управления Share в заголовке страницы, чтобы предоставить доступ определённым людям в вашей организации или всем в ней. Заголовок называет вас автором артефакта, поэтому любой, с кем вы поделитесь, может увидеть, кто опубликовал страницу. Он также ссылается на вашу галерею на claude.ai/code/artifacts, которая перечисляет каждый артефакт, который вы создали. Совместное использование останавливается на вашей организации. Зрители должны войти на claude.ai как члены той же организации, которая опубликовала артефакт, и нет возможности сделать артефакт видимым вне её. Чтобы отправить базовое содержимое кому-то вне вашей организации, попросите Claude файл HTML и поделитесь этим файлом напрямую. Артефакты доступны для просмотра, а не для совместного редактирования. Люди, с которыми вы поделитесь, видят каждую версию, которую вы публикуете, но не могут изменять страницу; вы остаётесь единственным автором.

What you can build

Артефакт — это одна страница HTML, поэтому всё, что вы можете выразить в HTML, CSS и встроенном JavaScript, находится в области действия. Приведённые ниже шаблоны встречаются чаще всего.

Walk through a change

Попросите страницу, которая отображает diff или изменение дизайна с аннотациями рядом с соответствующими строками, чтобы рецензенты могли прочитать ваше обоснование рядом с кодом вместо того, чтобы восстанавливать его из описания.
Make an artifact that walks through this PR. Render the diff with margin annotations and color-code findings by severity.

Compare alternatives

Попросите несколько вариантов на одной странице, чтобы вы могли оценить их друг против друга. Это работает для макетов, копии, форм API или планов реализации.
Make an artifact with four distinctly different layouts for the settings panel. Vary density and grouping, and lay them out as a grid with a one-line tradeoff under each.

Tune with interactive controls

Попросите ползунки, переключатели или поля ввода, привязанные к тому, что вы настраиваете, чтобы вы могли исследовать значения напрямую вместо их описания.
Build an artifact with sliders for the easing curve, duration, and delay so I can try values on this transition. Show the animation live as I move them.

Bring the result back to your session

Артефакт может действовать как лёгкий редактор для решения, которое вы затем передаёте Claude. Попросите элемент управления экспортом, который производит текст, который вы можете вставить в терминал, чтобы результат взаимодействия со страницей вернулся в сеанс вместо того, чтобы остаться на странице.
Make a triage board artifact with each open issue as a draggable card across Now, Next, Later, and Cut columns. Add a "Copy as prompt" button that gives me the final ordering to paste back here.

Track work in progress

Попросите Claude держать артефакт в актуальном состоянии во время выполнения длительной задачи, чтобы любой, у кого есть ссылка, мог следить без чтения терминала.
Turn this migration plan into a checklist artifact. Check items off as you complete them and add a note for anything you skip.

Improve the visual design

Claude применяет встроенный навык дизайна при создании артефакта, поэтому страницы получают намеренную палитру, типографику и макет без дополнительных подсказок. Этот навык также ищет существующую систему дизайна в вашем проекте перед выбором своей собственной. Чтобы сохранить артефакты согласованными с брендингом вашего продукта, запишите ваши токены дизайна там, где Claude может их найти, например в CLAUDE.md проекта или в файле темы в вашем репозитории:
## Design system

- Colors: primary #1a4d8f, accent #f59e0b, surface #f8fafc
- Typography: Inter for body, JetBrains Mono for code
- Spacing: 8px scale, 6px border radius
Claude рассматривает вашу систему дизайна как более высокий приоритет, чем его собственные выборы, и вашу подсказку как более высокий приоритет, чем оба. Заголовок и формат выше — это пример; любой чёткий список цветов, шрифтов и интервалов работает.

Page constraints

Каждый артефакт — это одна самодостаточная страница. Claude Code оборачивает файл, который вы публикуете, в оболочку HTML-документа и обслуживает его в соответствии со строгой политикой безопасности контента (CSP), которая формирует то, что может делать страница.
ConstraintEffect
No external requestsCSP блокирует скрипты, таблицы стилей, шрифты и изображения, загруженные с любого другого хоста, а также вызовы fetch, XHR и WebSocket. Claude встраивает CSS и JavaScript и встраивает изображения как data URI, чтобы страница отображалась без каких-либо внешних запросов.
No backendАртефакт — это статическая страница. Она не может сохранять данные, отправленные через форму, аутентифицировать зрителей самостоятельно или вызывать API во время просмотра.
Single pageОтносительные ссылки не разрешаются, потому что ничего не развёрнуто рядом со страницей. Для многосекционного содержимого Claude использует якоря на странице вместо отдельных файлов.
Source file typesОпубликованный файл должен быть .html, .htm или .md. Файлы Markdown отображаются как стилизованный HTML.
Rendered sizeОтображаемая страница должна быть размером 16 МиБ или меньше. Большие встроенные изображения — обычная причина, когда публикация не удаётся из-за размера.
Создание артефакта использует выходные токены, как и любой другой ответ, и стилизованная страница более требовательна к токенам, чем то же содержимое как текст терминала. Встроенный CSS, JavaScript для интерактивных элементов управления и особенно изображения, встроенные как data URI, — основные участники. Чтобы снизить стоимость артефакта в токенах:
  • Предпочитайте SVG или HTML и CSS для диаграмм вместо встроенных растровых изображений
  • Опустите интерактивность, которая вам не нужна
  • Пусть страница суммирует большие наборы данных вместо встраивания их полностью

Availability

Артефакты требуют каждого условия ниже. Когда одно из них не выполнено, Claude записывает локальный файл HTML или говорит, что не может опубликовать.
RequirementAvailable when
PlanTeam или Enterprise. На планах Team артефакты включены по умолчанию. На планах Enterprise администратор включает их в параметрах администратора claude.ai.
AuthenticationВошли на claude.ai с помощью /login. Сеансы, использующие ключ API, токен шлюза или учётные данные поставщика облачных услуг, не могут публиковать.
Model providerAnthropic API. Недоступно на Amazon Bedrock, Google Cloud Vertex AI или Microsoft Foundry.
Organization policyКлючи шифрования, управляемые клиентом (CMEK), HIPAA и Zero Data Retention не включены для организации.
SurfaceClaude Code CLI или приложение Claude для рабочего стола версии 1.13576.0 или позже. По умолчанию отключено в контекстах Agent SDK, GitHub Action и MCP-server, а также когда установлен CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC.

Отключение артефактов

Чтобы отключить артефакты для своих сеансов независимо от параметра вашей организации, используйте любой из следующих способов:
МетодПараметр
Файл параметров"disableArtifact": true
Переменная окруженияCLAUDE_CODE_DISABLE_ARTIFACT=1
Правило разрешенийДобавьте Artifact в permissions.deny

Управление артефактами для вашей организации

Администраторы планов Team и Enterprise управляют артефактами из параметров администратора claude.ai. Содержимое артефактов хранится на инфраструктуре, управляемой Anthropic, и видно только аутентифицированным членам организации-издателя.

Включение или отключение артефактов

Чтобы включить или отключить артефакты для всей организации, перейдите в Параметры > Claude Code > Возможности и используйте переключатель Артефакты. На планах Enterprise с управлением доступом на основе ролей вы можете дополнительно ограничить артефакты определёнными ролями: перейдите в Параметры > Роли, отредактируйте роль и установите разрешение Артефакты в группе Claude Code.

Установка политики хранения

Чтобы установить, как долго артефакты хранятся перед автоматическим удалением, перейдите в Параметры > Элементы управления данными и конфиденциальностью. Вы можете установить отдельные периоды хранения для артефактов, которые остаются приватными для их автора, и артефактов, которые были общими.

Проверка журнала аудита

Публикация, совместное использование и удаление артефакта каждый раз отображаются в журнале аудита вашей организации под типами событий claude_artifact_*, семейством, используемым для артефактов, созданных в беседах claude.ai.

Добавление домена средства просмотра в список разрешений

Средство просмотра на claude.ai загружает каждый артефакт из изолированного источника *.claudeusercontent.com. Если ваша организация ограничивает исходящий сетевой доступ, добавьте этот домен в список разрешений вместе с claude.ai. Полный список см. в разделе Требования к сетевому доступу.

Список и удаление артефактов с помощью API соответствия

API соответствия предоставляет конечные точки для списка артефактов организации, получения содержимого определённой версии и удаления артефакта:
МетодКонечная точка
GET/v1/compliance/code/artifacts
GET/v1/compliance/code/artifacts/{artifact_id}/versions/{version_id}
DELETE/v1/compliance/code/artifacts/{artifact_id}
Для схем запроса и ответа см. справочник API соответствия.