Артефакты — создание и публикация результатов работы

Артефакты — создание и публикация результатов работы

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

5 音声 · 6:38

Nortren·

Что такое артефакты в Claude

1:10
Артефакты — это автономные интерактивные результаты, которые Claude создаёт в отдельном окне рядом с вашим разговором. Вместо того чтобы получать длинный блок кода или текста, вставленного в чат, вы видите своё содержимое готовым и в действии: рабочий веб-сайт, интерактивная диаграмма или документ, который можно сразу скачать. Claude автоматически создаёт артефакт, когда содержимое соответствует нескольким критериям: оно значительное и самодостаточное, обычно больше пятнадцати строк. Скорее всего, вы захотите его отредактировать, улучшить или повторно использовать. Это сложное содержимое, которое само по себе имеет ценность без окружающего разговора. Это то, на что вы захотите ссылаться или использовать позже. Если Claude не создаёт артефакт автоматически, когда вы этого ожидаете, можете явно попросить: «Создай это как артефакт» или «Покажи мне это в артефакте». Когда артефакт создан, он появляется в отдельном окне справа от разговора.

Типы артефактов, которые умеет создавать Claude

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

Создание артефактов — примеры запросов

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

Публикация и совместное использование артефактов

1:20
После создания полезного артефакта у вас есть несколько вариантов его использования и распространения. Первый вариант — скопировать или скачать. Для личного использования или распространения по другим каналам используйте кнопки копирования или скачивания в правом нижнем углу окна артефакта. Второй вариант — поделиться внутри организации, доступно для планов Team и Enterprise. Участники команды могут обмениваться артефактами внутри компании. Общий артефакт остаётся внутри вашей организации и требует командной аутентификации для доступа. Третий вариант — опубликовать публично. Для пользователей планов Free, Pro и Max можно опубликовать артефакт, чтобы он был доступен любому по ссылке. При публикации только выбранная версия становится общедоступной, ваш чат остаётся приватным. Любой может просматривать артефакт и взаимодействовать с ним без учётной записи Claude. Другие могут «ремиксировать» ваш артефакт, открывая его в своём разговоре с Claude для изменения и доработки. Публикацию можно отменить в любое время, вернувшись к этому артефакту.

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

1:18
Чтобы получить лучшие результаты при создании артефактов, придерживайтесь нескольких принципов. Первый: будьте конкретны в описании желаемого. «Создай трекер бюджета» — это неплохо, но «Создай ежемесячный трекер бюджета, где я могу вводить расходы по категориям, видеть разбивку в виде круговой диаграммы и получать предупреждение при превышении бюджета» — это значительно лучше. Второй: опишите конечного пользователя. Объяснение того, кто будет использовать артефакт, помогает Claude делать правильные дизайнерские решения. «Эта блок-схема для новых сотрудников» приводит к другим результатам, чем «Эта блок-схема для команды разработки». Третий: улучшайте постепенно. Добавляйте по одной функции или вносите одно изменение за раз. Это упрощает определение того, что работает, и позволяет рано выявлять проблемы. Четвёртый: итерируйте смело. Артефакты созданы для многократного редактирования. Скажите «добавь фильтрацию по дате» или «измени цветовую схему на синюю» — Claude обновит артефакт, сохраняя то, что уже работает.