СОЗДАНИЕ С ПОМОЩЬЮ АРТЕФАКТОВ
Цели обучения
К концу этого урока вы сможете:
Объяснять, что такое артефакты и когда Claude создает их
Делиться артефактами с коллегами и публиковать их в открытом доступе
Устранять распространенные проблемы с артефактами
ЧТО ТАКОЕ АРТЕФАКТЫ?
Артефакты — это автономные интерактивные результаты, которые Claude создает в специальном окне рядом с вашим диалогом. Вместо того чтобы получать длинный блок кода или текста, затерянный в чате, вы видите свой контент отрисованным и готовым к использованию — будь то работающий веб-сайт, интерактивная диаграмма или документ, который вы можете немедленно скачать.
Claude автоматически создает артефакт, когда контент соответствует определенным критериям:
  • Он значительный и самодостаточный, обычно более 15 строк
  • Это что-то, что вы, скорее всего, захотите отредактировать, доработать или использовать повторно
  • Он представляет собой сложный контент, который стоит сам по себе, не нуждаясь в окружающем диалоге
  • Это контент, на который вы захотите сослаться или использовать позже
ОБЩИЕ ТИПЫ АРТЕФАКТОВ
Claude может создавать различные типы артефактов, каждый из которых подходит для разных нужд:
  • Документы (например, markdown, простой текст): отлично подходят для любого текстового контента, который вы захотите экспортировать или продолжить редактировать — например, протоколы встреч, отчеты, планы проектов, посты в блогах и другие письменные материалы.
  • Фрагменты кода: рабочий код на любом языке программирования — Python, JavaScript, C++ и других. Вы можете просматривать код, копировать его или скачивать для использования в собственных проектах.
  • HTML-страницы: полноценные веб-страницы с HTML, CSS и JavaScript в одном файле. Идеально подходят для лендингов, форм, интерактивных демо или быстрых прототипов.
  • HTML-страницы: полноценные веб-страницы с HTML, CSS и JavaScript SVG-изображения: масштабируемая векторная графика для логотипов, иконок, иллюстраций и других визуальных элементов. Они отрисовываются прямо в окне артефакта, так что вы видите именно то, что получаете.
  • Диаграммы Mermaid: блок-схемы, диаграммы последовательности, диаграммы Ганта, оргсхемы и многое другое. Опишите связи, которые вы хотите визуализировать, и Claude создаст диаграмму, которую вы сможете доработать.
  • React-компоненты: интерактивные элементы пользовательского интерфейса с реальной функциональностью — калькуляторы, дашборды, игры, визуализации данных. Это не просто макеты; они включают в себя реальную логику и реагируют на ввод пользователя.
СОЗДАНИЕ ВАШЕГО ПЕРВОГО АРТЕФАКТА
Создание артефакта так же просто, как обычный разговор. Просто опишите, что вы хотите, и Claude определит, представлять ли это в виде артефакта.
Например, вы можете сказать:
  • «Создай блок-схему, показывающую наш процесс адаптации клиентов»
  • «Построй интерактивный дашборд, который позволит мне вводить ежемесячные расходы и видеть разбивку»
  • «Разработай лендинг для приложения по продуктивности с главным разделом и списком функций»
  • «Напиши шаблон брифа проекта, который я смогу повторно использовать для новых инициатив»
Если Claude не создает артефакт автоматически, когда вы этого ожидаете, вы можете прямо попросить: «Создай это как артефакт» или «Покажи мне это в артефакте».
Когда Claude генерирует артефакт, он появляется в выделенном окне справа от вашего диалога.

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

Как только вы создали что-то полезное, у вас есть несколько вариантов, как этим поделиться.
  • Копирование или скачивание: для личного использования или обмена через другие каналы используйте кнопки копирования или скачивания в нижнем правом углу окна артефакта.
  • Обмен внутри организации (Claude for Work): пользователи планов Team и Enterprise могут делиться артефактами внутри компании с коллегами. Общий артефакт остается внутри вашей организации и требует аутентификации команды для доступа.
  • Публикация в открытом доступе: пользователи бесплатной версии, Pro и Max могут публиковать артефакты, чтобы сделать их доступными для всех, у кого есть ссылка.
Чтобы опубликовать, нажмите кнопку «Поделиться» (Share) или «Опубликовать» (Publish) в верхнем правом углу артефакта. Вы можете отменить публикацию в любое время, вернувшись к этому артефакту и закрыв публичный доступ.
Советы для получения максимума от артефактов
  • Будьте конкретны в своих желаниях. «Построй трекер бюджета» — это хорошо, но «Построй ежемесячный трекер бюджета, где я смогу вводить расходы по категориям, видеть круговую диаграмму и получать предупреждение, когда я выхожу за рамки бюджета» — лучше.
  • Опишите конечного пользователя. Рассказ Claude о том, кто будет использовать артефакт, помогает ему сделать соответствующий выбор в дизайне. «Эта блок-схема предназначена для новых сотрудников» приведет к иным результатам, чем «Эта блок-схема предназначена для инженерной команды».
  • Дорабатывайте постепенно. Добавляйте по одной функции или вносите по одному изменению за раз. Это упрощает понимание того, что работает, и позволяет ловить ошибки на ранней стадии.
  • Запрашивайте артефакты при необходимости. Если вы просите о чем-то существенном, а Claude отвечает в чате вместо создания артефакта, просто скажите: «Пожалуйста, создай это как артефакт».
В следующем уроке вы узнаете, как подключить Claude к вашим существующим инструментам и источникам данных, расширяя возможности Claude за пределы простого общения в ваши реальные рабочие процессы.