O Claude Code transforma uma ideia num protótipo clicável numa tarde: telas de verdade, links de verdade, botões que levam a algum lugar. O que trava é compartilhar, porque uma pasta no seu notebook não é um link que você possa mandar para um cliente, uma PM ou um participante de teste. Peça ao Claude Code para "colocar este protótipo no ar" e ele roda um comando que devolve um endereço HTTPS no ar e um link para mantê-lo. Sem conta, sem Git e sem pipeline de build para configurar antes.
Como funciona
- Construa o protótipo com o Claude Code. Páginas HTML simples, ou um app pequeno em React ou Vite. Peça uma página de verdade por tela, para que cada tela tenha um endereço próprio que as pessoas possam abrir e salvar nos favoritos.
- Peça ao Claude Code para compartilhar. Ele roda
npx -y lobsite --yesna pasta. Só os arquivos gerados são enviados, e nada faz perguntas no caminho. - Mande o link. O Claude repassa o endereço e o link de resgate. Abra o link de resgate e entre para manter o protótipo por mais de 6 horas; o endereço não muda.
Peça um protótipo, não um mockup
Algumas linhas no começo da sessão poupam uma rodada de correções antes de compartilhar. Cole isto no Claude Code junto com o seu briefing:
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.
Caminhos relativos são o mais importante: com eles, os mesmos arquivos abrem do seu notebook, de um endereço de prévia e, depois, do seu próprio domínio.
Um link por iteração
Protótipos mudam depois de cada revisão. Mantenha funcionando o link que você já mandou e coloque a nova versão ao lado:
npx -y lobsite --yes --preview
Um deploy de prévia ganha um endereço próprio, enquanto o link principal continua mostrando a versão que as pessoas estão revisando. Mande a prévia para quem pediu a mudança. Quando estiver aprovada, npx lobsite promote <id> a torna a versão principal, e um rollback a desfaz num passo se o feedback for no sentido contrário. Numa conta gratuita, os deploys dos últimos 7 dias mantêm seus endereços de prévia (30 dias no Standard), então "v2" e "v3" continuam lá para comparar na próxima revisão.
Quem pode ver
- Sem conta, o protótipo não é indexado pelos buscadores e é removido depois de 6 horas, a menos que você o resgate.
- Endereços de prévia nunca são indexados, em nenhum plano.
- No Standard, adicione uma senha nas configurações do site. Todos os endereços do site pedem a senha, inclusive prévias e domínio próprio. Quem revisa digita uma vez por navegador, e trocá-la desconecta todo mundo. A senha fica no painel, não no projeto, então nunca acaba num repositório.
Geralmente é isso que significa "dá para deixar isso entre nós e o cliente?". O que for realmente confidencial, não coloque num protótipo.
Testando com usuários
Um protótipo hospedado é uma URL, e é tudo de que a maioria das ferramentas de teste precisa. Cole o endereço no Maze, Lyssna ou UserTesting como tarefa de site, ou mande direto para os participantes. Cada tela tem seu próprio caminho, então uma tarefa pode começar em /checkout.html e o sucesso pode ser "chegou a /thanks.html".
Precisa de respostas vindas do próprio protótipo, como uma tela de cadastro ou uma pesquisa? Aponte o formulário para /_lobsite/forms/feedback e, quando o protótipo estiver numa conta, os envios chegam por e-mail com filtro de spam. Veja formulários.
Um deploy sem conta fica no ar por 6 horas. O link de resgate o mantém, de graça.
Veja a prévia antes de ir ao ar. Volte atrás com um clique, redirecionamentos inclusos.
No Standard, todo endereço do site pede uma senha. Revisores a digitam uma vez por navegador.
Nenhuma pergunta quando roda sob um agente, e uma linha Tell the user: com a URL e o link de resgate.
Aponte um formulário para /_lobsite/forms/contact. Filtro de spam incluso.
Contas gratuitas incluídas: adicione um registro DNS e o site passa para o seu domínio. Todo site tem HTTPS em qualquer plano.
Protótipos do Claude Code: Lobsite e os jeitos comuns de compartilhar
| Lobsite | Link de compartilhamento de artifact do Claude | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Quem envia | Claude Code, com um comando | Você, pelo claude.ai | Você, arrastando uma pasta | Claude Code, com commit e push |
| Conta para começar | Nenhuma por 6 horas | Conta do Claude | Nenhuma por cerca de uma hora | Conta no GitHub e repositório |
| Várias páginas e builds de React | Sim, a pasta inteira | Uma página por artifact | Sim | Sim, com um workflow para o build |
| Um link por iteração | --preview, com promote e rollback |
Um artifact novo a cada vez | Um site novo, ou um deploy novo a cada vez | Não vem incluído |
| Senha | Sim, no Standard | Só regras de compartilhamento da equipe | Nos planos pagos do Netlify | Não |
Um link de artifact do Claude serve para uma tela. Quando o protótipo é uma pasta de páginas que o Claude Code escreveu no seu projeto, uma hospedagem que aceita a pasta como está poupa o copiar e colar.
Perguntas frequentes
Posso hospedar um protótipo do Claude Code de graça?
Sim. Sem conta, ele fica no ar por 6 horas. Resgate-o com o link que o Claude te dá e ele continua no ar numa conta gratuita, no mesmo endereço.
Os links do meu protótipo funcionam localmente mas quebram no ar. Por quê?
Geralmente por caminhos absolutos: /about.html aponta para a raiz do domínio, que é diferente no seu notebook e num endereço hospedado. Peça ao Claude Code para usar links relativos (about.html, ./img/logo.png) e publique de novo. Só os arquivos alterados são enviados.
Um protótipo em React com rotas funciona?
Sim. Ative o modo de página única com spa = true no lobsite.toml, ou Aplicação de página única nas configurações do site, para que links para /settings ou /orders/42 abram o app em vez de um 404.
Posso colocar o protótipo de um cliente no domínio dele?
Sim. Contas gratuitas incluem um domínio próprio: adicione um registro DNS e o protótipo passa para lá, com HTTPS.
O Claude Code pode atualizar o protótipo depois de uma revisão?
Sim. O lobsite.toml lembra o site, então o mesmo comando, de qualquer sessão, atualiza o mesmo endereço. Adicione uma linha ao CLAUDE.md para que toda sessão faça do mesmo jeito; veja Publicar um site a partir do Claude Code.