Артефакты: создание документов, кода и таблиц

Что вы научитесь делать

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

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

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

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

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

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

• Документы (markdown, plain text, Word, PDF, PowerPoint, Excel) — хорошо для текстового, что вы будете экспортировать или продолжать редактировать: заметки встреч, отчёты, планы проектов, посты блога
• Сниппеты кода — рабочий код в любом языке (Python, JavaScript, C++ и др.). Можно посмотреть, скопировать, скачать
• HTML-страницы — полные веб-страницы с HTML, CSS и JavaScript в одном файле. Лендинги, формы, интерактивные демо, быстрые прототипы
• SVG-картинки — векторная графика для логотипов, иконок, иллюстраций. Рендерится прямо в окне артефакта
• Mermaid-диаграммы — flowcharts, sequence diagrams, Gantt-чарты, org-чарты. Опишите связи, Claude построит
• React-компоненты — интерактивные UI с реальной логикой: калькуляторы, дашборды, игры, визуализации данных. Не просто mockup, а настоящий код

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

Просто опишите что хотите, Claude решит, подать ли это как артефакт. Примеры:

• «Создай flowchart воронки онбординга наших клиентов»
• «Сделай интерактивный дашборд для ввода месячных расходов с разбивкой по категориям»
• «Спроектируй лендинг для продуктового приложения с hero-секцией и списком фич»
• «Напиши шаблон project brief, который я могу переиспользовать для новых инициатив»

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

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

• Переключаться между форматами: preview (как выглядит) и underlying код
• Копировать содержимое — иконка copy
• Скачивать файлы — сохранить как файл на компьютер
• Смотреть код — увидеть что Claude сгенерировал под капотом

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

Когда создали что-то полезное, есть несколько вариантов:

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

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

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

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

Для публикации — кнопка «Share» или «Publish» в верхнем правом углу. Можно отозвать публикацию в любой момент.

Заметка: опубликованный артефакт доступен любому по ссылке, но не индексируется поисковиками — не попадёт в Google.

Советы как получать максимум от артефактов

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

Источник: Creating with artifacts