Claude artifacts что это: берем код из чата

Не вижу абзаца для переписи. Отправь текст, который нужно отредактировать, и я переделаю его с именем Арина Михална.

Чем артефакт отличается от обычного ответа Claude

Без Artifacts любой код или длинный текст падает прямо в чат: чтобы его использовать, приходится скроллить, выделять, копировать кусками. С артефактами Claude сам решает, что достойно отдельного окна — и как только решил, дальше вы работаете с этим объектом, а не с перепиской.

Разница на практике простая: спросите Claude «напиши мне функцию сортировки» — получите код в чате как текст. Спросите «сделай мне интерактивную страницу с этой функцией и кнопкой запустить» — откроется артефакт, где код выполняется прямо на экране, а не просто лежит буквами.

Что происходит	Обычный ответ в чате	Artifact
Код	Текст, нужно копировать вручную	Отдельное окно, кнопка «скопировать»
HTML/React-страница	Не отрендерится, только разметка	Рендерится живьём, можно потыкать
Изменения	Новое сообщение = новый блок текста	Правка того же артефакта, версии сохраняются
Поделиться	Скопировать весь текст переписки	Кнопка Publish → публичная ссылка
Просмотр без Claude	Невозможен	Ссылка открывается кем угодно

Я держу артефакты открытыми в отдельной вкладке, когда прошу Claude собрать что-то посложнее лендинга — удобно видеть, как страница меняется живьём после каждой правки, а не перечитывать весь код заново.

Какие типы контента попадают в артефакты

Claude выносит в отдельное окно шесть основных типов: код на любом языке, веб-страницы на HTML/CSS/JS, React-компоненты с интерактивностью, SVG-графику, диаграммы Mermaid (схемы, блок-схемы) и документы в Markdown — таблицы, чек-листы, структурированные тексты.

Практическая разница между «код» и «React-компонент» — в интерактивности. Обычный HTML-артефакт покажет статичную страницу; React-артефакт умеет держать состояние — форму, счётчик, переключатель темы, калькулятор, который реально считает при вводе чисел, а не просто нарисован.

Как открыть и создать свой первый артефакт

В новых аккаунтах Artifacts включены по умолчанию — отдельно активировать нечего. Если панель не появляется, проверьте переключатель в настройках профиля (иконка шестерёнки → Feature Preview → Artifacts).

Дальше всё просто:

1. Опишите задачу так, чтобы результат был самостоятельным объектом: не «объясни, как считать НДС», а «сделай калькулятор НДС с полем ввода суммы».
2. Claude сам решает, выносить ли ответ в артефакт — обычно выносит всё, что длиннее пары строк кода или является отдельной страницей.
3. Артефакт открывается в панели справа (в вебе) или отдельным экраном (в приложении).
4. Правки просите в том же чате: «сделай кнопку зелёной» — Claude обновит тот же артефакт, а не создаст новый с нуля.
5. История версий хранится сбоку — можно вернуться к предыдущему варианту, если правка испортила результат.

Публикация и обновление: как отдать результат другому человеку

Кнопка Publish (или «Поделиться» рядом с артефактом) создаёт публичную ссылку — открыть её может любой человек без аккаунта Claude, но редактировать может только автор. Это удобно для быстрых лендингов, демо-прототипов, интерактивных таблиц, которые нужно показать клиенту без объяснений «зайди в чат и посмотри».

Обновление опубликованного артефакта — не отдельное действие: вы правите его в том же чате, и ссылка автоматически показывает новую версию. Получателю не нужно присылать новую ссылку каждый раз.

Здесь и главная слабость системы, о которой в топе выдачи почти не пишут: у артефактов нет папок, тегов и общей библиотеки. Если вы за месяц насобирали пятнадцать полезных артефактов в разных чатах — искать их придётся по памяти, скроллом через историю переписок. Для одного лендинга это не проблема, для рабочего инструментария — уже мусор в избранном, а не система.

Когда артефакты — не то решение

Артефакт хорош для одноразового или демонстрационного результата: страница, чтобы показать идею, калькулятор для внутреннего пользования, диаграмма для презентации. Он плохо подходит там, где нужна работа с файловой системой, база данных, деплой на реальный домен или совместная работа нескольких файлов — тут артефакт быстро превращается в один огромный HTML-файл, в котором Claude сам путается.

Сравнение по задачам:

Задача	Artifacts	No-code (Bubble, FlutterFlow)	Claude Code
Показать идею за 5 минут	Отлично	Долго — нужна настройка	Избыточно
Простой калькулятор/лендинг	Отлично	Нормально, но дороже по времени	Избыточно
Приложение с базой данных	Не подходит	Хорошо	Хорошо
Многофайловый проект, деплой	Не подходит	Ограниченно	Отлично
Цена входа	Бесплатно	От 0 до ~30 $/мес	Подписка Claude Pro

Если задача выросла из «покажи, как это будет выглядеть» в «это должно работать на реальном сайте с реальными пользователями» — переезжать нужно не в другой инструмент no-code, а в Claude Code, где Claude работает с целым проектом файлов, а не с одним артефактом в памяти чата.

MCP и живые данные: куда это движется

Отдельно стоит сказать про интеграцию артефактов с MCP (Model Context Protocol) — про сам протокол я разбирала подробно в статье про Claude MCP. Артефакты, подключённые к MCP-серверу, умеют не просто показывать статичные данные, а тянуть живые: курс валют, статус задачи в Jira, данные из вашей базы — прямо в дашборд-артефакт, без ручного копирования цифр в промпт каждый раз.

Это раскрыто пока только в технической документации Anthropic и мало где на практике — но направление понятное: артефакт из разового «выхлопа чата» превращается в маленькое живое приложение, которое обновляется само. Для агентных сценариев (когда Claude не просто отвечает, а выполняет цепочку действий) это логичное продолжение — почитать про сборку такого агента можно в статье как собрать агента на Claude.

Сколько это стоит и где заканчиваются лимиты

Artifacts — не отдельная платная функция, она работает на всех тарифах, включая бесплатный аккаунт. Ограничение — не по артефактам, а по количеству сообщений в целом: чем сложнее артефакт (много правок, длинный код), тем быстрее выедается дневной лимит бесплатного тарифа. На Pro лимиты заметно шире — я про них подробно писала в статье про подписку Claude Pro.

Для тех, кто оплачивает Claude из России — отдельная головная боль не в артефактах, а в самой оплате подписки. Про сносы аккаунтов из-за неаккуратной оплаты я разбирала в посте канала — там же способы этого избежать. Если тема доступа и оплаты из РФ волнует больше, чем сами артефакты, — весь путь шаг за шагом смотрите в статье про Claude в России.

По материалам: документации Anthropic об Artifacts и анонса функции в блоге Anthropic; тарифы — по странице цен Anthropic.

Читайте также

• Claude Code API в 2026: как подключить, сколько стоит и когда он нужен
• Подписка Claude Code в 2026: тарифы и что входит
• Claude Code Windows: установка без ошибок

Артефакты — самый быстрый способ понять, что Claude умеет не только отвечать текстом, но и делать готовые рабочие штуки прямо в браузере. Я, Арина Михална, часто думаю, что дальше вопрос в том, что с этим делать: держать десяток разрозненных артефактов в разных чатах или превращать их в систему — про такие практические разборы без причёсанной картинки я пишу в канале. Забирай — «А.М. решает вопросы».