Работа с артефактами

Расчетное время: 20 минут

Учебные цели

По завершении этого урока вы сможете:

Объяснить, что такое артефакты и когда Claude создает их
Делиться артефактами с коллегами и публиковать их в открытом доступе
Устранять типичные проблемы с артефактами

Что такое артефакты?

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

Claude автоматически создает артефакт, если контент соответствует следующим критериям:

Он значимый и самодостаточный, обычно более 15 строк
Это то, что вы, вероятно, захотите редактировать, дорабатывать или использовать повторно
Он представляет собой сложный контент, который самодостаточен и не требует контекста из чата
Это контент, который вы захотите сохранить или использовать позже

Типичные типы артефактов

Claude может создавать разные типы артефактов в зависимости от потребностей:

Документы (markdown и обычный текст): Подходит для текстового контента, который вы захотите экспортировать или редактировать, например, заметки встреч, отчеты, планы проектов, блог-посты и другие письменные материалы.
Фрагменты кода: Рабочий код на любом языке программирования — Python, JavaScript, C++ и других. Вы можете просматривать код, копировать его или скачивать для использования в своих проектах.
HTML-страницы: Полноценные веб-страницы с HTML, CSS и JavaScript в одном файле. Идеально подходит для посадочных страниц, форм, интерактивных демонстраций или быстрых прототипов.
SVG-изображения: Масштабируемая векторная графика для логотипов, иконок, иллюстраций и других визуальных элементов. Они отображаются прямо в окне артефакта, чтобы вы могли увидеть конечный результат.
Диаграммы Mermaid: Блок-схемы, последовательные диаграммы, диаграммы Ганта, организационные схемы и другие. Опишите связи, которые хотите визуализировать, и Claude создаст диаграмму, которую можно доработать.
Компоненты React: Интерактивные элементы интерфейса с реальной функциональностью — калькуляторы, дашборды, игры, визуализации данных. Это не просто макеты, они включают логику и реагируют на действия пользователя.

Документы Word, таблицы Excel, презентации PowerPoint и PDF-файлы обрабатываются иначе. Claude создает их через отдельную функцию создания файлов и возвращает в виде скачиваемых файлов.

Создание первого артефакта

Создание артефакта так же просто, как и общение. Просто опишите, что вам нужно, и Claude решит, представить это как артефакт.

Например, вы можете сказать:

«Создайте блок-схему нашего процесса onboardинга клиентов» (Примечание: теперь Claude может генерировать визуальные диаграммы, такие как блок-схемы, в формате HTML с помощью Imagine, помимо кодовых артефактов.)
«Создайте интерактивный дашборд, который позволит вводить ежемесячные расходы и отображать разбивку»
«Разработайте посадочную страницу для приложения для повышения продуктивности с геро-секцией и списком функций»
«Напишите шаблон брифа проекта, который я смогу использовать для новых инициатив»

Если Claude не создает артефакт автоматически, когда вы этого ожидаете, вы можете явно попросить: «Создай это как артефакт» или «Покажи это в артефакте».

Когда Claude генерирует артефакт, он появляется в отдельном окне справа от вашего чата. Отсюда вы можете:

Просматривать разные форматы: Переключаться между предварительным просмотром (как это выглядит) и исходным кодом
Копировать контент: Нажать на иконку копирования, чтобы сохранить контент для использования в других местах
Скачивать файлы: Сохранить артефакт на компьютер
Просматривать код: Увидеть, что именно сгенерировал Claude

Обмен и публикация артефактов

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

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

Обмен внутри организации («Claude для Work»): Пользователи Team и Enterprise могут делиться артефактами внутри команды. Общий артефакт остается в пределах организации и требует аутентификации для доступа.

Публичная публикация: Для пользователей Free, Pro и Max вы можете публиковать артефакты, чтобы сделать их доступными для всех по ссылке. При публикации:

Публичным становится только выбранная версия (ваш чат остается приватным)
Любой может просматривать и взаимодействовать с артефактом без учетной записи Claude

Чтобы опубликовать, нажмите кнопку «Share» или «Publish» в правом верхнем углу окна артефакта. Вы можете снять публикацию в любой момент, вернувшись к этому артефакту и убрав публичный доступ. Примечание: после публикации артефакт доступен по ссылке — его могут просматривать даже без учетной записи Claude. Публичные артефакты не индексируются поисковыми системами, поэтому не появятся в результатах Google.

Советы для эффективной работы с артефактами

Будьте конкретны в своих запросах. «Создайте трекер бюджета» — это хорошо, но «Создайте ежемесячный трекер бюджета, где я смогу вводить расходы по категориям, видеть круговую диаграмму разбивки и получать предупреждение, когда превышаю бюджет» — лучше.

Опишите конечного пользователя. Указание Claude, для кого предназначен артефакт, помогает ему сделать правильный дизайн. «Эта блок-схема для новых сотрудников» даст один результат, а «Эта блок-схема для инженерной команды» — другой.

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

Запрашивайте артефакты при необходимости. Если вы просите что-то существенное, а Claude отвечает в чате вместо создания артефакта, просто скажите: «Пожалуйста, создай это как артефакт».

Рефлексия по уроку

Прежде чем двигаться дальше, подумайте:

Какую рутинную работу можно упростить с помощью интерактивного артефакта, который можно использовать повторно?
Есть ли в вашей работе процессы, которые станут понятнее в виде блок-схемы или диаграммы?
Какой прототип или инструмент помог бы вам быстро протестировать идею?

Что дальше

В следующем уроке вы узнаете о Skills — наборах инструкций, которые учат Claude выполнять специализированные рабочие процессы.

Обратная связь

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

Благодарности и лицензия