Claude пишет целую страницу в одном артефакте: лендинг, викторину, калькулятор, отчёт. Чтобы дать ей собственный дом вне чата, опубликуйте её в Lobsite: вставьте код артефакта в поле выше или подключите Lobsite к Claude и попросите опубликовать. Работаете в Claude Code? См. Деплой из Claude Code.
Как это работает
- Возьмите код артефакта. В панели артефакта переключитесь на просмотр кода и скопируйте его или скачайте файл.
- Вставьте его в поле выше и нажмите Опубликовать эту страницу. Вы получите рабочий адрес
*.lobsite.appс HTTPS. - Сохраните её. Сайт живёт 6 часов; Сохранить бесплатно → переносит его в бесплатный аккаунт с тем же адресом.
HTML-артефакты и React-артефакты
Claude создаёт артефакты нескольких видов, и важно, какой у вас:
- HTML-артефакты (полная страница, начинающаяся с
<!doctype html>) публикуются как есть. Встроенные стили и скрипты работают, как и библиотеки, загружаемые с CDN по полному URL. - React-артефакты (код, начинающийся с
importиexport default function) — ещё не веб-страница: их собирает для вас панель артефакта. Попросите Claude превратить его в страницу промптом вроде того, что ниже, а затем вставьте результат.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Изображениям, которые Claude не может создать файлами (логотипы, фотографии), нужен полный URL https://; или положите страницу и изображения в папку и перетащите её во вкладку Перетащить файлы.
Пусть публикует Claude: коннектор
Claude.ai может использовать Lobsite как пользовательский коннектор — удалённый MCP-сервер. Добавьте в настройках Claude пользовательский коннектор с этим URL:
https://lobsite.com/api/mcp
Затем попросите: «Опубликуй эту страницу через Lobsite». Claude вызовет единственный инструмент коннектора, deploy_files, с содержимым страницы и ответит адресом и ссылкой для получения, по которой сайт можно сохранить. Пользовательские коннекторы доступны на тарифах Claude, которые их поддерживают; подробности для каждого клиента — на странице MCP.
Деплой без аккаунта работает 6 часов. Ссылка для получения сохранит его бесплатно.
npx lobsite mcp для агентов-программистов, lobsite.com/api/mcp для чат-ассистентов.
Каждый сайт получает адрес *.lobsite.app с HTTPS с первого деплоя.
Направьте форму на /_lobsite/forms/contact. Фильтр спама включён.
Предпросмотр до публикации. Откат в один клик — вместе с перенаправлениями.
Даже на бесплатных аккаунтах: добавьте одну DNS-запись, и сайт переедет на ваш домен. У каждого сайта есть HTTPS на любом тарифе.
Кнопка Publish в Claude или сайт
Claude может поделиться артефактом своей кнопкой Publish. Это самый быстрый способ показать артефакт кому-то внутри Claude. Сайт нужен, когда страница должна жить сама по себе:
| Publish в Claude | Lobsite | |
|---|---|---|
| Где открывается | На claude.ai | По собственному адресу *.lobsite.app |
| Ваши файлы (изображения, другие страницы) | Нет | Да: перетащите папку |
| Формы, присылающие вам сообщения | Нет | Да, когда сайт в аккаунте |
| Обновления | Опубликуйте новую версию из Claude | Вставьте заново и нажмите «Обновить» или задеплойте снова |
| Свой домен | Нет | Да, бесплатно |
| Нужен аккаунт | Ваш аккаунт Claude | 6 часов — нет; сохранить бесплатно |
Частые вопросы
Можно ли бесплатно разместить артефакт Claude?
Да. Публикация без аккаунта бесплатна и длится 6 часов. Бесплатный аккаунт Lobsite хранит один сайт насовсем, с трафиком 10 ГБ в месяц.
Почему опубликованный артефакт — пустая страница?
Скорее всего, это React-артефакт: его коду нужна сборка, которую за вас делает панель артефакта. Попросите Claude переписать его в один самодостаточный HTML-файл (промпт выше) и опубликуйте этот файл.
Нужен ли коннектор?
Нет. Скопировать код и вставить его сюда можно на любом тарифе Claude. Коннектор избавляет от копирования и позволяет Claude обновлять сайт, пока вы продолжаете менять страницу.
Найдут ли мою страницу в Google?
Пока она временная — нет: сайты без аккаунта не индексируются. Когда вы сохраните её в бесплатном аккаунте, поисковики смогут её проиндексировать.
Можно ли добавить на страницу форму обратной связи?
Да. Попросите Claude сделать так, чтобы форма отправляла данные на /_lobsite/forms/contact. Когда сайт в вашем аккаунте, сообщения приходят в панель и на почту. См. формы.