Claude Code trasforma un'idea in un prototipo cliccabile in un pomeriggio: schermate vere, link veri, pulsanti che portano da qualche parte. È la condivisione che si blocca, perché una cartella sul tuo portatile non è un link da mandare a un cliente, a una PM o a chi partecipa ai test. Chiedi a Claude Code di «mettere online questo prototipo» ed esegue un comando che restituisce un indirizzo HTTPS online e un link per tenerlo. Nessun account, niente Git e nessuna pipeline di build da configurare prima.
Come funziona
- Costruisci il prototipo con Claude Code. Pagine HTML semplici, o una piccola app React o Vite. Chiedi una vera pagina per ogni schermata, così ogni schermata ha un suo indirizzo da aprire e salvare nei preferiti.
- Chiedi a Claude Code di condividerlo. Esegue
npx -y lobsite --yesnella cartella. Vengono caricati solo i file generati, e nulla fa domande lungo la strada. - Manda il link. Claude ti riferisce l'indirizzo e il link per rivendicarlo. Apri quel link e accedi per tenere il prototipo oltre le 6 ore; l'indirizzo non cambia.
Chiedi un prototipo, non un mockup
Poche righe all'inizio della sessione ti risparmiano un giro di correzioni prima di condividere. Incolla questo in Claude Code insieme al tuo brief:
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.
I percorsi relativi sono la cosa più importante: permettono agli stessi file di aprirsi dal tuo portatile, da un indirizzo di anteprima e poi dal tuo dominio.
Un link per ogni iterazione
I prototipi cambiano dopo ogni revisione. Fai in modo che il link già inviato continui a funzionare e metti la nuova versione accanto:
npx -y lobsite --yes --preview
Un deploy di anteprima ha un suo indirizzo, mentre il link principale continua a mostrare la versione in revisione. Manda l'anteprima a chi ha chiesto la modifica. Quando è approvata, npx lobsite promote <id> la rende la versione principale, e un rollback la annulla in un solo passo se il feedback va nell'altra direzione. In un account gratuito, i deploy degli ultimi 7 giorni mantengono il loro indirizzo di anteprima (30 giorni con Standard), quindi «v2» e «v3» sono ancora lì da confrontare alla revisione successiva.
Chi può vederlo
- Senza account, il prototipo non viene indicizzato dai motori di ricerca e viene rimosso dopo 6 ore se non lo rivendichi.
- Gli indirizzi di anteprima non vengono mai indicizzati, con qualsiasi piano.
- Con Standard, aggiungi una password nelle impostazioni del sito. Ogni indirizzo del sito la chiede, anteprime e dominio personalizzato compresi. Chi rivede la digita una volta per browser, e cambiarla disconnette tutti. La password sta nella dashboard, non nel progetto, quindi non finisce mai in un repository.
Di solito è questo che significa «possiamo tenerlo tra noi e il cliente?». Per ciò che è davvero riservato, non metterlo affatto in un prototipo.
Testarlo con gli utenti
Un prototipo ospitato è un URL, ed è tutto ciò che serve alla maggior parte degli strumenti di test. Incolla l'indirizzo in Maze, Lyssna o UserTesting come attività su sito web, o mandalo direttamente a chi partecipa. Ogni schermata ha un suo percorso, quindi un'attività può iniziare da /checkout.html e il successo può essere «ha raggiunto /thanks.html».
Ti servono risposte dal prototipo stesso, come una schermata di iscrizione o un sondaggio? Fai inviare il modulo a /_lobsite/forms/feedback e, quando il prototipo è in un account, gli invii arrivano via email con filtro antispam. Vedi moduli.
Un deploy senza account resta online per 6 ore. Il link per rivendicarlo lo conserva, gratis.
Anteprima prima di andare online. Rollback in un clic, reindirizzamenti compresi.
Con Standard, ogni indirizzo del sito chiede una password. I revisori la inseriscono una volta per browser.
Nessuna domanda quando lo usa un agente, e una riga Tell the user: con l'URL e il link per rivendicarlo.
Fai puntare un modulo a /_lobsite/forms/contact. Filtro antispam incluso.
Anche per gli account gratuiti: aggiungi un record DNS e il sito passa sul tuo dominio. Ogni sito ha HTTPS, con qualsiasi piano.
Prototipi Claude Code: Lobsite e i soliti modi di condividere
| Lobsite | Link di condivisione di un artifact Claude | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Chi carica | Claude Code, con un comando | Tu, da claude.ai | Tu, trascinando una cartella | Claude Code, con commit e push |
| Account per iniziare | Nessuno per 6 ore | Account Claude | Nessuno per circa un'ora | Account GitHub e repository |
| Più pagine e build React | Sì, l'intera cartella | Una pagina per artifact | Sì | Sì, con un workflow per la build |
| Un link per iterazione | --preview, con promote e rollback |
Un nuovo artifact ogni volta | Un nuovo sito, o un nuovo deploy ogni volta | Non integrato |
| Password | Sì, con Standard | Solo regole di condivisione del team | Nei piani Netlify a pagamento | No |
Un link di un artifact Claude va bene per una schermata. Quando il prototipo è una cartella di pagine che Claude Code ha scritto nel tuo progetto, un hosting che prende la cartella così com'è ti risparmia il copia e incolla.
Domande frequenti
Posso ospitare gratis un prototipo di Claude Code?
Sì. Senza account è online per 6 ore. Rivendicalo con il link che ti dà Claude e resta online in un account gratuito, allo stesso indirizzo.
I link del mio prototipo funzionano in locale ma si rompono online. Perché?
Di solito per i percorsi assoluti: /about.html punta alla radice del dominio, che è diversa tra il tuo portatile e un indirizzo ospitato. Chiedi a Claude Code di usare link relativi (about.html, ./img/logo.png), poi pubblica di nuovo. Vengono caricati solo i file cambiati.
Un prototipo React con le route funziona?
Sì. Attiva la modalità a pagina singola con spa = true in lobsite.toml, o App a pagina singola nelle impostazioni del sito, così i link a /settings o /orders/42 aprono l'app invece di una 404.
Posso mettere il prototipo di un cliente sul suo dominio?
Sì. Gli account gratuiti includono un dominio personalizzato: aggiungi un record DNS e il prototipo si sposta lì, con HTTPS.
Claude Code può aggiornare il prototipo dopo una revisione?
Sì. lobsite.toml ricorda il sito, quindi lo stesso comando da qualsiasi sessione aggiorna lo stesso indirizzo. Aggiungi una riga a CLAUDE.md perché ogni sessione faccia allo stesso modo; vedi Pubblicare un sito da Claude Code.