Примерное время: 20 минут
Цели обучения
К концу этого урока вы сможете:
- Объяснить, что такое артефакты и когда Claude их создает
- Делиться артефактами с коллегами и публиковать их для общего доступа
- Устранять распространенные проблемы с артефактами
Что такое артефакты?
Артефакты — это автономные интерактивные результаты, которые Claude создает в отдельном окне рядом с вашим разговором. Вместо того чтобы получать длинный блок кода или текста, затерянный в чате, вы видите свой контент отображенным и готовым к использованию — будь то работающий веб-сайт, интерактивная диаграмма или документ, который можно немедленно загрузить.
Claude автоматически создает артефакт, когда контент соответствует определенным критериям:
- Он значителен и самодостаточен, обычно более 15 строк
- Это то, что вы, вероятно, захотите редактировать, дорабатывать или повторно использовать
- Он представляет собой сложный контент, который существует сам по себе, не требуя окружающего разговора
- Это контент, на который вы захотите ссылаться или использовать позже
Распространенные типы артефактов
Claude может создавать различные типы артефактов, каждый из которых подходит для разных нужд:
- Документы (например, markdown, обычный текст): Отлично подходят для любого текстового контента, который вы захотите экспортировать или продолжить редактировать — например, заметки о встречах, отчеты, планы проектов, посты в блогах и другой письменный контент.
- Фрагменты кода: Рабочий код на любом языке программирования — Python, JavaScript, C++ и других. Вы можете просматривать код, копировать его или загружать для использования в своих проектах.
- HTML-страницы: Полные веб-страницы с HTML, CSS и JavaScript в одном файле. Идеально подходят для целевых страниц, форм, интерактивных демонстраций или быстрых прототипов.
- SVG-изображения: Масштабируемая векторная графика для логотипов, иконок, иллюстраций и других визуальных элементов. Они отображаются непосредственно в окне артефакта, так что вы можете точно видеть, что получаете.
- Диаграммы Mermaid: Блок-схемы, диаграммы последовательности, диаграммы Ганта, организационные диаграммы и многое другое. Опишите отношения, которые вы хотите визуализировать, и Claude создаст диаграмму, которую вы сможете доработать.
- React-компоненты: Интерактивные элементы UI с реальной функциональностью — калькуляторы, дашборды, игры, визуализации данных. Это не просто макеты; они включают фактическую логику и реагируют на ввод пользователя.
Создание вашего первого артефакта
Создание артефакта так же просто, как и обычный разговор. Просто опишите, что вы хотите, и Claude определит, следует ли представить это в виде артефакта.
Например, вы можете сказать:
- "Создай блок-схему, показывающую наш процесс адаптации клиентов"
- "Создай интерактивную панель, которая позволит мне вводить ежемесячные расходы и видеть их разбивку"
- "Разработай целевую страницу для приложения повышения продуктивности с главным разделом и списком функций"
- "Напиши шаблон проектного брифа, который я смогу повторно использовать для новых инициатив"
Если Claude не создает артефакт автоматически, когда вы этого ожидаете, вы можете явно попросить: "Создай это как артефакт" или "Покажи мне это в артефакте".
Когда Claude генерирует артефакт, он появляется в отдельном окне справа от вашего разговора. Отсюда вы можете:
- Просматривать различные форматы: Переключаться между предварительным просмотром (как это выглядит) и базовым кодом
- Копировать контент: Нажмите значок копирования, чтобы скопировать контент для использования в другом месте
- Загружать файлы: Сохранить артефакт как файл на свой компьютер
- Просматривать код: Видеть, что именно Claude сгенерировал "под капотом"
Обмен и публикация артефактов
После того как вы создали что-то полезное, у вас есть несколько вариантов для обмена этим.
Копировать или загрузить: Для личного использования или обмена через другие каналы используйте кнопки копирования или загрузки в правом нижнем углу окна артефакта.
Делиться внутри вашей организации (Claude for Work): Пользователи Team и Enterprise могут делиться артефактами внутри компании с коллегами. Общий артефакт остается внутри вашей организации и требует командной аутентификации для доступа.
Публиковать для общего доступа: Для пользователей Free, Pro и Max вы можете публиковать артефакты, чтобы сделать их доступными для любого, у кого есть ссылка. При публикации:
- Только выбранная версия становится общедоступной (ваш чат остается приватным)
- Любой может просматривать и взаимодействовать с артефактом без учетной записи Claude
- Другие могут "ремиксовать" ваш артефакт — открывать его в своем собственном разговоре с Claude, чтобы изменять и развивать его
Чтобы опубликовать, нажмите кнопку "Share" или "Publish" в правом верхнем углу артефакта. Вы можете отменить публикацию в любое время, вернувшись к этому артефакту и удалив публичный доступ.
Советы по максимально эффективному использованию артефактов
Будьте конкретны в своих запросах. "Создай трекер бюджета" — это хорошо, но "Создай ежемесячный трекер бюджета, где я смогу вводить расходы по категориям, видеть разбивку в виде круговой диаграммы и получать предупреждение, когда я превышаю бюджет" — лучше.
Опишите конечного пользователя. Рассказывая Claude, кто будет использовать артефакт, вы помогаете ему принимать соответствующие дизайнерские решения. "Эта блок-схема для новых сотрудников" приводит к иным результатам, чем "Эта блок-схема для инженерной команды".
Итерируйте постепенно. Добавляйте по одной функции или вносите по одному изменению за раз. Это облегчает выявление того, что работает, и раннее обнаружение проблем.
Запрашивайте артефакты при необходимости. Если вы просите что-то существенное, а Claude отвечает в чате вместо создания артефакта, просто скажите: "Пожалуйста, создай это как артефакт".
Размышления по уроку
Прежде чем продолжить, подумайте:
- Какая повторяющаяся работа могла бы выиграть от наличия интерактивного артефакта, который вы можете повторно использовать?
- Есть ли в вашей работе процессы, которые были бы понятнее в виде блок-схемы или диаграммы?
- Какой прототип или инструмент помог бы вам быстро протестировать идею?
Что дальше
В следующем уроке вы узнаете, как подключить Claude к вашим существующим инструментам и источникам данных, расширяя возможности Claude за пределы разговора до ваших реальных рабочих процессов.
Обратная связь
По мере прохождения курса мы будем рады услышать от вас, как вы используете концепции курса в своей работе, а также любые ваши отзывы. Поделитесь своим отзывом здесь.
Благодарности и лицензия
Copyright 2025 Anthropic. Все права защищены.