Claude Code за полдня превращает идею в кликабельный прототип: настоящие экраны, настоящие ссылки, кнопки, которые куда-то ведут. Застревает всё на этапе показа: папка на ноутбуке — не ссылка, которую можно отправить клиенту, продакт-менеджеру или участнику тестирования. Попросите Claude Code «выложить этот прототип», и он выполнит одну команду, которая вернёт рабочий адрес с HTTPS и ссылку, чтобы его сохранить. Без аккаунта, без Git и без настройки конвейера сборки.
Как это работает
- Соберите прототип в Claude Code. Простые HTML-страницы или небольшое приложение на React или Vite. Попросите отдельную страницу для каждого экрана, чтобы у каждого был свой адрес, который можно открыть и добавить в закладки.
- Попросите Claude Code поделиться им. Он выполнит
npx -y lobsite --yesв папке. Загружаются только собранные файлы, и по пути ничто не задаёт вопросов. - Отправьте ссылку. Claude передаст адрес и ссылку для получения. Откройте ссылку для получения и войдите, чтобы прототип жил дольше 6 часов; адрес не изменится.
Просите прототип, а не макет
Несколько строк в начале сессии сэкономят круг правок перед показом. Вставьте это в Claude Code вместе со своим заданием:
Build this as a static, clickable prototype:
- One HTML page per screen, linked with relative paths (about.html, not /about.html).
- Fake data in the page itself; no backend, no API keys, no login.
- Every button and link goes somewhere, even if it's a "not built yet" screen.
- Works on a phone as well as a laptop.
When it's done, share it with `npx -y lobsite --yes` and give me the link.
Важнее всего относительные пути: благодаря им одни и те же файлы открываются с вашего ноутбука, по адресу предпросмотра, а позже и с вашего домена.
Одна ссылка на итерацию
Прототипы меняются после каждого обсуждения. Пусть ссылка, которую вы уже отправили, продолжает работать, а новую версию положите рядом:
npx -y lobsite --yes --preview
Деплой предпросмотра получает собственный адрес, а основная ссылка по-прежнему показывает версию, которую сейчас смотрят. Отправьте предпросмотр тому, кто просил изменение. Когда его согласуют, npx lobsite promote <id> сделает его основной версией, а откат за один шаг вернёт всё назад, если отзывы окажутся другими. В бесплатном аккаунте деплои за последние 7 дней сохраняют адреса предпросмотра (30 дней на Standard), так что «v2» и «v3» будут доступны для сравнения на следующем обсуждении.
Кто может его увидеть
- Без аккаунта прототип не индексируется поисковиками и удаляется через 6 часов, если вы его не заберёте.
- Адреса предпросмотра никогда не индексируются, ни на одном тарифе.
- На Standard можно задать пароль в настройках сайта. Его запрашивает каждый адрес сайта, включая предпросмотры и свой домен. Проверяющие вводят его один раз в каждом браузере, а смена пароля выходит из всех сессий. Пароль хранится в панели, а не в проекте, поэтому никогда не попадёт в репозиторий.
Обычно именно это и имеют в виду под «можно оставить это между нами и клиентом?». Действительно конфиденциальное в прототип лучше не класть вовсе.
Тестирование с пользователями
Размещённый прототип — это URL, а большинству инструментов тестирования больше ничего и не нужно. Вставьте адрес в Maze, Lyssna или UserTesting как задание на сайте или отправьте его участникам напрямую. У каждого экрана свой путь, поэтому задание может начинаться на /checkout.html, а успехом считаться «дошёл до /thanks.html».
Нужны ответы из самого прототипа, например с экрана регистрации или опроса? Направьте форму на /_lobsite/forms/feedback, и когда прототип окажется в аккаунте, заявки будут приходить на почту с фильтром спама. См. формы.
Деплой без аккаунта работает 6 часов. Ссылка для получения сохранит его бесплатно.
Предпросмотр до публикации. Откат в один клик — вместе с перенаправлениями.
На Standard каждый адрес сайта запрашивает пароль. Проверяющие вводят его один раз в каждом браузере.
Никаких вопросов при работе агента и строка Tell the user: с URL и ссылкой для получения.
Направьте форму на /_lobsite/forms/contact. Фильтр спама включён.
Даже на бесплатных аккаунтах: добавьте одну DNS-запись, и сайт переедет на ваш домен. У каждого сайта есть HTTPS на любом тарифе.
Прототипы из Claude Code: Lobsite и привычные способы поделиться
| Lobsite | Ссылка на артефакт Claude | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Кто загружает | Claude Code, одной командой | Вы, с claude.ai | Вы, перетаскивая папку | Claude Code, через commit и push |
| Аккаунт для старта | Не нужен 6 часов | Аккаунт Claude | Не нужен примерно час | Аккаунт GitHub и репозиторий |
| Многостраничные и React-сборки | Да, вся папка | Одна страница на артефакт | Да | Да, с workflow для сборки |
| Ссылка на каждую итерацию | --preview, с promote и rollback |
Каждый раз новый артефакт | Каждый раз новый сайт или новый деплой | Не встроено |
| Пароль | Да, на Standard | Только правила доступа команды | На платных тарифах Netlify | Нет |
Ссылки на артефакт Claude хватит для одного экрана. Когда прототип — это папка страниц, которые Claude Code написал в вашем проекте, хостинг, принимающий папку как есть, избавляет от копирования и вставки.
Частые вопросы
Можно ли бесплатно разместить прототип из Claude Code?
Да. Без аккаунта он работает 6 часов. Заберите его по ссылке, которую даст Claude, и он останется в бесплатном аккаунте по тому же адресу.
Ссылки в прототипе работают локально, но ломаются онлайн. Почему?
Обычно виноваты абсолютные пути: /about.html указывает на корень домена, а он разный на ноутбуке и по адресу хостинга. Попросите Claude Code использовать относительные ссылки (about.html, ./img/logo.png), затем задеплойте снова. Загрузятся только изменённые файлы.
Работает ли прототип на React с маршрутами?
Да. Включите одностраничный режим — spa = true в lobsite.toml или Одностраничное приложение в настройках сайта, — чтобы ссылки на /settings или /orders/42 открывали приложение, а не 404.
Можно ли разместить прототип клиента на его собственном домене?
Да. В бесплатный аккаунт входит один свой домен: добавьте одну DNS-запись, и прототип переедет туда, с HTTPS.
Может ли Claude Code обновить прототип после обсуждения?
Да. lobsite.toml помнит сайт, поэтому та же команда из любой сессии обновляет тот же адрес. Добавьте одну строку в CLAUDE.md, чтобы каждая сессия делала это одинаково; см. Деплой сайта из Claude Code.