Создание с помощью артефактов

⏱️ Примерное время: 20 минут · 🎯 Урок 6 курса Claude 101

Цели урока

К концу этого урока вы сможете:

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

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

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

Claude автоматически создаёт артефакт, когда контент соответствует определённым критериям:

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

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

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

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

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

Создать артефакт так же просто, как вести разговор. Опишите, что хотите, и Claude сам определит, представить ли это артефактом.

Например:

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

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

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

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

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

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

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

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

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

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

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

Советы по работе с артефактами

Будьте конкретны. «Сделай трекер бюджета» — хорошо, но «Сделай трекер месячного бюджета, где я ввожу расходы по категориям, вижу круговую диаграмму и получаю предупреждение при превышении» — лучше.
Опишите конечного пользователя. «Эта блок-схема для новых сотрудников» даст иной результат, чем «Эта схема для инженерной команды».
Итерируйте постепенно. Просите добавлять по одной функции или вносить по одному изменению — легче понять, что работает, и раньше ловить проблемы.
Запрашивайте артефакт при необходимости. Если Claude ответил в чате вместо создания артефакта — скажите: «Пожалуйста, создай это как артефакт».

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

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

Что дальше

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