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 через коміт і push |
| Обліковий запис на старті | Не потрібен на 6 годин | Обліковий запис Claude | Не потрібен приблизно на годину | Обліковий запис GitHub і репозиторій |
| Багатосторінкові сайти й збірки React | Так, уся папка | Одна сторінка на артефакт | Так | Так, із робочим процесом збірки |
| Посилання на кожну ітерацію | --preview, із публікацією та відкатом |
Новий артефакт щоразу | Новий сайт або нове розгортання щоразу | Не вбудовано |
| Пароль | Так, на 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.