Запуск Claude Artifacts локально: путь без установки (2026)
Каждый артефакт Claude — это один самодостаточный HTML-файл. Разбираем весь процесс экспорта: скопировать код, сохранить как .html, дважды щёлкнуть — и приложение работает в вашем собственном браузере. Плюс короткий путь через кнопку Download и вариант с Vite для React-артефактов.
Коротко
- Артефакт Claude — это один HTML-файл: слева чат, справа полная панель кода. Всё, что нужно для запуска вне Claude, уже на вашем экране.
- Путь копирования: выделите весь код, вставьте его в новый текстовый файл, сохраните с расширением .html и дважды щёлкните — артефакт откроется в браузере по умолчанию.
- Путь скачивания: у карточки артефакта в Claude есть кнопка Download — один клик, и .html файл оказывается в папке загрузок. Копировать и вставлять не нужно вовсе.
- Следите за расширением: Блокнот по умолчанию сохраняет .txt, а браузер не станет показывать .txt как страницу. Именно «сохранить как .html» — тот самый выключатель, который заставляет артефакт работать.
Make an HTML File from a Claude.ai Game File
Канал:Karl Kapp1:53
Этот гайд пересказывает процесс, показанный в видео, собственным пошаговым текстом; скриншоты взяты из той же записи, и каждый снабжён ссылкой на точный момент.
Путь Vite + React + shadcn/ui, описанный в FAQ, взят из видео Мэтта Палмера «Editing Claude Artifacts locally with Vite, React, and Shadcn/ui» — указан как второй источник.
Запускаем артефакт вне Claude — шаг за шагом
- 1
Откройте панель кода артефакта
В Claude откройте диалог с артефактом и разверните панель кода так, чтобы чат и исходник стояли рядом. Ищите один непрерывный HTML-документ — со стилями и скриптами внутри, потому что этот единственный файл и есть всё приложение.
Слева чат, справа HTML-исходник артефакта — один этот файл и есть всё приложение.Смотреть с 0:02 - 2
Найдите кнопку Copy на панели кода
В шапке панели кода указаны имя артефакта, метка HTML и кнопка Copy. Одно нажатие копирует всю текущую версию исходника — выделять текст вручную не нужно.
Одно нажатие Copy забирает целиком текущую ревизию артефакта.Смотреть с 0:08 - 3
Обкатайте артефакт перед экспортом
Переключитесь в предпросмотр и реально поиграйте — в этом примере мини-игра о сборе точек с врагами-кругами, счётом и всплывающими вопросами. Убедитесь, что текущая ревизия ведёт себя как надо: то, что работает в предпросмотре, вы и получите на выходе.
В предпросмотре работает ровно та ревизия, которую вы собираетесь скопировать, — сначала проверьте её здесь.Смотреть с 0:20 - 4
Скопируйте весь HTML-исходник
Прокрутите панель кода от открывающего DOCTYPE до закрывающего тега script и убедитесь, что ничего не потерялось, затем скопируйте всё. Если после вставки файл не запускается, первым делом подозревайте неполное копирование.
От DOCTYPE до последнего тега script — копия должна быть полной.Смотреть с 0:30 - 5
Создайте новый текстовый документ на рабочем столе
В Windows щёлкните правой кнопкой по пустому месту рабочего стола, выберите «Создать», затем «Текстовый документ». Пустой файл для кода готов — ничего устанавливать не нужно, хватит Блокнота.
Правый клик по рабочему столу, «Создать», «Текстовый документ» — этому маршруту нужен только Блокнот.Смотреть с 0:47 - 6
Откройте пустой файл в Блокноте
Дважды щёлкните новый документ — Блокнот откроет пустой файл с курсором в строке 1, колонке 1. Держите вкладку Claude позади: следующую минуту вы будете прыгать между окнами.
Пустой Блокнот на строке 1, колонке 1 — а позади ждёт Claude.Смотреть с 0:55 - 7
Вставьте код артефакта в файл
Вставьте всё, что скопировали. Файл мгновенно заполнится HTML и JavaScript — здесь это вспомогательные функции рисования и главный цикл игры на canvas. Если вставка выглядит обрезанной, вернитесь к шагу 4 и скопируйте заново.
Весь артефакт теперь живёт в одном текстовом файле на вашем компьютере.Смотреть с 0:57 - 8
Сохраните с расширением .html
Откройте «Файл → Сохранить как» и задайте имя, заканчивающееся на .html. Тип файла в диалоге по-прежнему «Текстовые документы» — это неважно; решает то .html, которое вы впишете в имя, ведь браузер отображает только страницы, которые узнаёт как HTML.
Имя файла решает всё: game.html запустится, game.txt — нет.Смотреть с 1:01 - 9
Предупреждение о замене? Переименуйте
Если Windows предупреждает, что файл уже существует, выберите «Нет» и возьмите новое имя — в записи game.html был сохранён раньше, поэтому второй экспорт становится game2.html. Разные имена сохраняют на диске каждую версию артефака вместо перезаписи.
На замену — «Нет», новое имя: game2.html сохраняет прежний экспорт нетронутым.Смотреть с 1:07 - 10
Дважды щёлкните файл — и играйте
Найдите сохранённый файл на рабочем столе и дважды щёлкните. Он откроется в браузере по умолчанию с адресом file:/// на вашем собственном компьютере — стартовый экран, счёт и враги-круги работают в точности как внутри Claude, без сервера и без вкладки claude.ai.
file:///...Desktop/game2.html — артефакт теперь работает целиком на вашей машине.Смотреть с 1:32 - 11
Короткий путь: кнопка Download в самом Claude
Ручное копирование — не единственный маршрут. Claude показывает кнопку Download прямо под карточкой артефакта — иногда рядом со вторым файлом, например руководством по сборке, и опцией Download all. Один клик — и .html сразу в папке загрузок, без Блокнота.
Кнопка Download на карточке артефакта сохраняет .html напрямую — копипастить не нужно.Смотреть с 1:44 - 12
Проверьте, что оказалось в загрузках
Список загрузок браузера подтверждает экспортированные файлы — здесь DKapp_Game_Revised.html размером около 20 КБ. Дважды щёлкните любой из них, чтобы запустить локально, как в шаге 10, или откройте в текстовом редакторе и почитайте исходник.
20 КБ .html в списке загрузок — весь артефакт, готов к работе офлайн.Смотреть с 1:50