Какие типы артефактов можно создавать в Claude?

Claude умеет не только отвечать сообщениями в чате. Если результат задачи представляет собой самостоятельный материал — например, документ, код, сайт, диаграмму или интерактивный инструмент, — Claude может вынести его в отдельный Artifact.

Artifact открывается рядом с беседой. Его можно редактировать, дорабатывать вместе с Claude, возвращаться к нему позднее и делиться им с другими пользователями. В современной версии Claude понятие Artifact стало довольно широким: Anthropic относит к ним дизайны, презентации, документы, dashboards и небольшие интерактивные инструменты.

К базовым видам содержимого Artifacts относятся:

• документы в Markdown или обычном тексте;

• фрагменты кода;

• одностраничные HTML-сайты;

• SVG-изображения;

• диаграммы и блок-схемы;

• интерактивные React-компоненты.

Но этим возможности уже не ограничиваются. В систему Artifacts входят также Claude Design, Claude Slides и Claude Docs, а интерактивные Artifacts могут использовать Claude как AI-движок, хранить данные между сессиями и подключаться к внешним сервисам через MCP.

Разберём, чем отличаются эти варианты и какой формат стоит выбирать под конкретную задачу.

Что такое Artifact простыми словами

Обычный ответ Claude существует прежде всего внутри разговора.

Artifact нужен, когда результат становится отдельным объектом работы.

Например, если спросить:

Что такое REST API?

обычного ответа в чате достаточно.

Но если попросить:

Создай техническое задание для нового API.

или:

Сделай интерактивный калькулятор стоимости.

или:

Построй блок-схему процесса регистрации пользователя.

результат уже имеет смысл вынести отдельно: его нужно просматривать, изменять, использовать повторно или показывать другим людям.

Anthropic указывает несколько ориентиров, по которым Claude определяет, что результат подходит для Artifact. Содержимое должно быть достаточно самостоятельным и значимым, иметь смысл вне конкретного сообщения и, вероятно, требовать дальнейшего редактирования или повторного использования. В документации также указан ориентир «обычно более 15 строк», но это не жёсткий технический лимит.

Упрощённо:

чат — для обсуждения работы;

Artifact — для самого результата.

Какие Artifacts можно создавать

Для начала — общая картина.

Здесь важно разделять два уровня.

Документы, код, HTML, SVG, диаграммы и React-компоненты — это типичные форматы содержимого обычных Artifacts.

Claude Design, Claude Slides и Claude Docs — специализированные инструменты внутри современной системы Artifacts. На момент проверки все три находятся в beta и доступны на платных планах. Обычные Artifacts доступны также пользователям Free.

1. Документы и текст

Самый простой вариант Artifact — документ.

Claude может создать отдельно:

• статью;

• инструкцию;

• план;

• техническое задание;

• спецификацию;

• чек-лист;

• отчёт;

• сценарий;

• структурированный Markdown.

Например:

Создай техническое задание для страницы регистрации. Добавь цели, пользовательский сценарий, требования и критерии приёмки.

После первой версии можно продолжить:

Сократи введение.

Добавь раздел о рисках.

Перепиши требования для разработчиков.

Добавь таблицу критериев приёмки.

Вместо поиска последней версии текста среди сообщений пользователь работает с одним результатом, который последовательно дорабатывается.

Такой формат подходит, когда главное — создать содержательный материал и затем его улучшать.

2. Фрагменты кода

Claude может выносить программный код в отдельный Artifact.

Это удобно для:

• JavaScript и TypeScript;

• Python;

• SQL;

• HTML и CSS;

• конфигурационных файлов;

• примеров API;

• небольших утилит;

• отдельных компонентов приложения.

Например:

Создай Python-скрипт, который читает CSV, группирует продажи по менеджерам и сохраняет результат в новый файл.

Затем:

Добавь обработку пустых значений.

Теперь добавь логирование.

Переделай решение под pandas.

Код остаётся отдельным рабочим материалом, а разговор используется для постановки задачи и обсуждения изменений.

Anthropic прямо относит code snippets к типичным видам Artifact-контента.

3. Одностраничные HTML-сайты

Claude умеет создавать single-page HTML websites как Artifacts.

Например:

Сделай одностраничный лендинг сервиса аналитики: hero-блок, преимущества, тарифы и CTA.

Такой Artifact позволяет быстро проверить:

• структуру страницы;

• тексты;

• расположение элементов;

• визуальную иерархию;

• базовый пользовательский сценарий.

HTML особенно полезен на этапе прототипирования. Вместо длинного описания будущей страницы можно получить результат, который уже можно посмотреть и обсудить.

При этом работающий HTML Artifact внутри Claude ещё не означает готовый production-сайт. Перед реальным запуском отдельно проверяются адаптивность, доступность, безопасность, интеграции и браузерная совместимость.

4. SVG-изображения

Claude поддерживает SVG как один из стандартных видов Artifact-контента.

SVG подходит для:

• технических схем;

• инфографики;

• простых иллюстраций;

• иконок;

• визуализации процессов;

• структурных изображений.

Например:

Создай SVG-схему: пользователь → frontend → API → база данных.

Поскольку SVG описывается кодом, отдельные элементы можно последовательно менять:

Перемести базу вправо.

Увеличь блок API.

Сделай стрелки тоньше.

Добавь второй источник данных.

Поэтому SVG особенно удобен там, где важны структура и возможность точного редактирования, а не фотореалистичность.

5. Диаграммы и блок-схемы

Claude также умеет создавать диаграммы и flowcharts как Artifacts.

Они подходят для отображения:

• бизнес-процессов;

• архитектуры системы;

• последовательности операций;

• customer journey;

• структуры команды;

• логики принятия решений;

• взаимодействия сервисов.

Например:

Построй блок-схему обработки заявки: поступление → автоматическая проверка → ручная проверка при ошибке → согласование → закрытие.

В подобных задачах диаграмма часто полезнее нескольких абзацев текста.

Особенно если результат нужно показать коллегам, заказчику или руководителю.

Практическое правило:

если главное — показать связи или последовательность действий, стоит начать с диаграммы.

6. React-компоненты и интерактивные инструменты

React Artifacts позволяют создавать уже не просто материал для просмотра, а интерфейс, с которым взаимодействует пользователь.

Например:

• калькулятор;

• dashboard;

• tracker;

• форму;

• quiz;

• интерактивную таблицу;

• каталог;

• планировщик;

• небольшой внутренний инструмент.

Пример:

Создай калькулятор бюджета проекта. Пользователь вводит количество сотрудников, длительность и месячную ставку, а приложение показывает итоговую стоимость.

Затем:

Добавь выбор валюты.

Покажи расходы по месяцам.

Добавь диаграмму.

Сделай интерфейс компактнее на мобильном.

Anthropic официально относит interactive React components к типичным Artifacts.

Именно здесь Artifact начинает превращаться из результата генерации в небольшой программный инструмент.

7. Claude Design: визуалы, макеты и прототипы

Claude Design — отдельный инструмент внутри системы Artifacts для визуальной работы.

Он позволяет создавать:

• визуальные материалы;

• макеты;

• интерактивные прототипы;

• one-pagers;

• landing pages;

• другие дизайн-материалы.

Например:

Сделай макет onboarding для SaaS-приложения из четырёх экранов.

или:

Создай одностраничный визуальный отчёт по результатам квартала.

Работать с Claude Design можно из обычной беседы, вкладки Artifacts и Claude Code. Результат можно менять через разговор с Claude и непосредственно на холсте. На момент проверки Claude Design находится в beta и доступен на Pro, Max, Team и Enterprise.

Design system

Отдельная возможность Claude Design — использование собственной design system.

Она может включать:

• цвета;

• типографику;

• компоненты;

• layout patterns.

Claude умеет извлекать их из предоставленных материалов, например кодовой базы, презентаций и других дизайн-референсов.

В результате новые макеты можно создавать уже в рамках существующего фирменного стиля.

8. Claude Slides: презентации

Для презентаций в современной системе Artifacts используется Claude Slides.

Claude может создавать презентации на основе:

• заметок;

• отчётов;

• материалов разговора;

• уже подготовленной работы.

Слайды можно редактировать непосредственно в Claude, показывать без выхода из приложения и экспортировать в PowerPoint или PDF. Claude Slides находится в beta и доступен на платных планах.

Например:

Сделай презентацию для руководства на 10 слайдов: главный вывод, данные, риски и следующие шаги.

Здесь Claude формирует результат уже под конкретный способ использования — презентацию или выступление.

9. Claude Docs: рабочие документы

Claude Docs рассчитан на более длительную работу с документами.

Doc — это rich-text документ, который сохраняется в аккаунте Claude. Он может содержать:

• заголовки;

• таблицы;

• форматированный текст;

• несколько вкладок.

Claude может использовать при подготовке документа уже доступный ему контекст: файлы, память, Projects, Skills и подключённые приложения.

Например:

Преврати наш разговор в продуктовую спецификацию для команды.

или:

Собери недельный статус-отчёт из этих заметок.

Claude Docs можно экспортировать в:

• Word;

• PDF;

• Markdown;

• Google Docs.

Документом также можно делиться с другими людьми с правом просмотра или редактирования. Claude Docs находится в beta на Pro, Max, Team и Enterprise.

Для отчётов, спецификаций и других документов, которые будут последовательно редактироваться и согласовываться, Docs может быть удобнее обычного Markdown Artifact.

Artifacts могут использовать Claude внутри приложения

Интерактивные Artifacts могут быть не только интерфейсами с заранее заданной логикой.

Anthropic поддерживает AI-powered artifacts — приложения, которые используют возможности Claude внутри самого Artifact.

Например, можно сделать:

• AI-консультанта;

• генератор идей;

• учебного помощника;

• инструмент для анализа текста;

• персонализированного тренера;

• AI-игру;

• приложение, генерирующее ответы по вводу пользователя.

Схема создания выглядит примерно так:

1. пользователь описывает нужное приложение;

2. Claude пишет код;

3. приложение работает на инфраструктуре Anthropic;

4. пользователь входит через свой Claude-аккаунт и взаимодействует со своей копией Artifact.

При использовании такого Artifact отдельный API key не требуется. Использование AI засчитывается в лимиты Claude-плана каждого пользователя, а не создателя приложения.

Поэтому AI-powered Artifact уже можно рассматривать как небольшое AI-приложение.

Artifacts могут сохранять данные между сессиями

Для интерактивных приложений Anthropic предоставляет persistent storage.

Это позволяет создавать, например:

• журнал;

• список задач;

• tracker;

• leaderboard;

• приложение с настройками пользователя.

Есть два режима хранения.

Personal storage

У каждого пользователя собственный приватный набор данных.

Например, записи одного пользователя в дневнике не видны другим.

Shared storage

Все пользователи конкретного Artifact работают с общим набором данных.

Например, общий leaderboard показывает одинаковые результаты всем участникам.

При первом использовании Artifact с shared storage Claude предупреждает, что введённые данные будут видны другим пользователям этого Artifact.

Ограничения persistent storage

На момент проверки persistent storage:

• доступен на Pro, Max, Team и Enterprise;

• работает в Claude web и desktop;

• работает только для опубликованных Artifacts;

• имеет лимит 20 МБ на один Artifact;

• принимает только текстовые данные;

• не предназначен для прямого хранения изображений, файлов и бинарных данных;

• разделяет personal и shared storage;

• при отмене публикации Artifact связанные storage-данные удаляются.

То есть storage — это не отдельный тип Artifact, а дополнительная возможность интерактивного приложения.

Artifacts могут подключаться к внешним сервисам

Интерактивные Artifacts могут также использовать MCP — Model Context Protocol.

Anthropic указывает, что MCP позволяет Artifact читать данные и выполнять действия через внешние сервисы, например Asana, Google Calendar и Slack. Можно использовать как официальные интеграции, так и пользовательские MCP-серверы, уже настроенные пользователем.

MCP integration для Artifacts доступна на Pro, Max, Team и Enterprise в Claude web и desktop.

Когда Artifact впервые пытается обратиться к MCP tool, пользователь получает запрос на подтверждение доступа.

При этом каждый человек должен авторизовать MCP-сервер самостоятельно. Общий или опубликованный Artifact не получает автоматически credentials своего создателя.

Это позволяет создавать, например:

• рабочий dashboard;

• tracker проектов;

• утреннюю сводку;

• инструмент поверх задач;

• интерфейс, объединяющий несколько рабочих систем.

Получается постепенное развитие:

Документ
   ↓
Интерактивный интерфейс
   ↓
Artifact с сохранением состояния
   ↓
Artifact с внешними данными
   ↓
AI-приложение

Как выбрать подходящий тип Artifact

Выбирать формат проще всего по тому, что человек должен делать с результатом после генерации.

Один проект может использовать сразу несколько вариантов.

Например, при запуске нового продукта:

1. требования оформляются в Claude Docs;

2. пользовательский путь показывается диаграммой;

3. интерфейс проектируется в Claude Design;

4. рабочая логика проверяется в React-прототипе;

5. результаты превращаются в презентацию через Claude Slides.

То есть Artifacts удобнее воспринимать не как один формат, а как набор способов оформить результат под следующий этап работы.

Когда Artifact не нужен

Не каждый ответ Claude имеет смысл превращать в отдельный Artifact.

Если нужно:

• получить короткое объяснение;

• сравнить два варианта;

• узнать один факт;

• получить несколько идей;

• кратко пересказать материал;

обычного сообщения достаточно.

Artifact становится полезен, когда результат:

• нужно последовательно редактировать;

• планируется использовать повторно;

• нужно показать другим людям;

• должен существовать отдельно от разговора;

• представляет собой интерактивный инструмент.

Это позволяет не усложнять простые задачи.

Как работает доступ к Artifacts

По умолчанию созданный Artifact не становится автоматически публичным.

Способ совместного доступа зависит от типа Artifact, плана и того, в какой версии интерфейса Claude он создан. В новой системе Artifacts можно предоставлять другим пользователям права просмотра или редактирования; для Claude Design и Claude Slides предусмотрен также уровень комментариев. Для открытия общего Artifact требуется Claude-аккаунт.

Есть важный принцип для материалов с рабочими данными:

зритель использует собственный доступ к подключённым источникам, а не доступ автора Artifact.

Если человек не имеет права на конкретный источник данных, Artifact не должен показывать ему данные создателя из этого источника.

Перед использованием интерактивного Artifact в рабочем процессе поэтому стоит проверить:

• кому он доступен;

• какие данные хранит;

• используется personal или shared storage;

• какие внешние системы подключены;

• какие действия через них разрешены.

Какие функции доступны на разных планах

Не все возможности Artifacts доступны одинаково.

Обычные Artifacts доступны на Free, Pro, Max, Team и Enterprise. Anthropic также указывает, что для Artifacts должна быть включена возможность Code execution and file creation.

Claude Design, Claude Slides и Claude Docs находятся в beta и доступны на платных планах. На Pro, Max и Team они включены по умолчанию; на Enterprise владелец организации должен включить соответствующие возможности.

Persistent storage и MCP integration доступны на Pro, Max, Team и Enterprise в Claude web и desktop.

Поэтому перед созданием сложного рабочего Artifact стоит сначала проверить, доступна ли нужная функция пользователям, которые будут с ним работать.

Вывод

Claude Artifacts уже значительно шире, чем «текст или код в отдельном окне».

К базовым форматам относятся документы, фрагменты кода, HTML-сайты, SVG, диаграммы и интерактивные React-компоненты.

Современная система дополняет их специализированными инструментами:

• Claude Design — для визуалов, макетов и прототипов;

• Claude Slides — для презентаций;

• Claude Docs — для продолжительной работы с документами.

Интерактивные Artifacts могут идти ещё дальше: использовать Claude как AI-движок, сохранять состояние между сессиями и обращаться к внешним сервисам через MCP.

Поэтому выбирать стоит не самый сложный формат, а тот, который соответствует следующему действию пользователя.

Если нужно прочитать и отредактировать информацию — достаточно документа. Для структуры подойдёт диаграмма. Для визуального прототипа — Claude Design или HTML. Для интерактивной логики — React. Для командного документа — Claude Docs. Для презентации — Claude Slides. А если результат должен хранить данные, работать с внешними системами или использовать AI, Artifact уже можно проектировать как небольшое приложение.

Главный вопрос при выборе Artifact — не «что умеет создать Claude?», а «что пользователь должен сделать с результатом дальше?».