Claude Code maakt in een middag van een idee een klikbaar prototype: echte schermen, echte links, knoppen die ergens heen gaan. Het delen is waar het vastloopt, want een map op je laptop is geen link die je naar een klant, een PM of een testdeelnemer kunt sturen. Vraag Claude Code om ‘dit prototype online te zetten’, en het voert één opdracht uit die een live HTTPS-adres teruggeeft en een link om het te houden. Geen account, geen Git en geen buildpipeline die je eerst moet opzetten.
Zo werkt het
- Bouw het prototype met Claude Code. Gewone HTML-pagina's, of een kleine React- of Vite-app. Vraag om een echte pagina per scherm, zodat elk scherm een eigen adres heeft dat mensen kunnen openen en bewaren.
- Vraag Claude Code het te delen. Het voert
npx -y lobsite --yesuit in de map. Alleen de gebouwde bestanden worden geüpload, en onderweg stelt niets een vraag. - Stuur de link. Claude geeft het adres en de claimlink door. Open de claimlink en log in om het prototype langer dan 6 uur te houden; het adres verandert niet.
Vraag om een prototype, niet om een mockup
Een paar regels aan het begin van de sessie besparen een correctieronde voor je deelt. Plak dit samen met je briefing in 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.
Relatieve paden zijn het belangrijkst: ze laten dezelfde bestanden openen vanaf je laptop, vanaf een voorbeeldadres en later vanaf je eigen domein.
Eén link per iteratie
Prototypes veranderen na elke review. Laat de link die je al hebt gestuurd werken, en zet de nieuwe versie ernaast:
npx -y lobsite --yes --preview
Een voorbeelddeploy krijgt een eigen adres, terwijl de hoofdlink de versie blijft tonen die mensen aan het reviewen zijn. Stuur het voorbeeld naar wie om de wijziging vroeg. Is hij akkoord, dan maakt npx lobsite promote <id> er de hoofdversie van, en een rollback draait hem in één stap terug als de feedback de andere kant op gaat. In een gratis account houden deploys van de afgelopen 7 dagen hun voorbeeldadres (30 dagen met Standard), dus ‘v2’ en ‘v3’ zijn bij de volgende review nog te vergelijken.
Wie het kan zien
- Zonder account wordt het prototype niet door zoekmachines geïndexeerd, en het wordt na 6 uur verwijderd tenzij je het claimt.
- Voorbeeldadressen worden nooit geïndexeerd, op geen enkel abonnement.
- Met Standard voeg je een wachtwoord toe in de instellingen van de site. Elk adres van de site vraagt erom, voorbeelden en eigen domein inbegrepen. Reviewers typen het één keer per browser, en wie het verandert, logt iedereen uit. Het wachtwoord staat in het dashboard, niet in het project, dus het belandt nooit in een repository.
Dat is meestal wat ‘kunnen we dit tussen ons en de klant houden?’ betekent. Wat echt vertrouwelijk is, zet je helemaal niet in een prototype.
Testen met gebruikers
Een gehost prototype is een URL, en meer hebben de meeste testtools niet nodig. Plak het adres in Maze, Lyssna of UserTesting als websitetaak, of stuur het direct naar deelnemers. Elk scherm heeft een eigen pad, dus een taak kan beginnen op /checkout.html en succes kan zijn ‘heeft /thanks.html bereikt’.
Wil je antwoorden uit het prototype zelf, zoals van een aanmeld- of enquêtescherm? Laat het formulier posten naar /_lobsite/forms/feedback; zodra het prototype in een account staat, komen inzendingen per e-mail binnen, met spamfilter. Zie formulieren.
Een deploy zonder account is 6 uur live. Met de claimlink houd je hem, gratis.
Bekijk een voorbeeld voordat het live gaat. Zet in één klik terug, inclusief doorverwijzingen.
Met Standard vraagt elk adres van de site om een wachtwoord. Reviewers typen het één keer per browser.
Geen vragen onder een agent, en een Tell the user:-regel met de URL en de claimlink.
Laat een formulier wijzen naar /_lobsite/forms/contact. Spamfilter inbegrepen.
Ook voor gratis accounts: voeg één DNS-record toe en de site verhuist naar je domein. Elke site heeft HTTPS, met elk abonnement.
Prototypes uit Claude Code: Lobsite en de gebruikelijke manieren om te delen
| Lobsite | Deellink van een Claude-artifact | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Wie uploadt | Claude Code, met één opdracht | Jij, vanaf claude.ai | Jij, door een map te slepen | Claude Code, met commit en push |
| Account om te beginnen | Geen, 6 uur lang | Claude-account | Geen, ongeveer een uur lang | GitHub-account en repository |
| Meerdere pagina's en React-builds | Ja, de hele map | Eén pagina per artifact | Ja | Ja, met een workflow voor de build |
| Een link per iteratie | --preview, met promote en rollback |
Elke keer een nieuw artifact | Elke keer een nieuwe site, of een nieuwe deploy | Niet ingebouwd |
| Wachtwoord | Ja, met Standard | Alleen deelregels van het team | Op betaalde Netlify-abonnementen | Nee |
Een link naar een Claude-artifact is prima voor één scherm. Zodra het prototype een map pagina's is die Claude Code in je project heeft geschreven, bespaart een host die de map neemt zoals hij is je het kopiëren en plakken.
Veelgestelde vragen
Kan ik een prototype uit Claude Code gratis hosten?
Ja. Zonder account staat het 6 uur live. Claim het met de link die Claude je geeft, en het blijft online in een gratis account, op hetzelfde adres.
De links in mijn prototype werken lokaal, maar online niet meer. Waarom?
Meestal door absolute paden: /about.html wijst naar de basis van het domein, en die verschilt tussen je laptop en een gehost adres. Vraag Claude Code relatieve links te gebruiken (about.html, ./img/logo.png) en deploy opnieuw. Alleen de gewijzigde bestanden worden geüpload.
Werkt een React-prototype met routes?
Ja. Zet de single-page-modus aan met spa = true in lobsite.toml, of Single-page-app in de instellingen van de site, zodat links naar /settings of /orders/42 de app openen in plaats van een 404.
Kan ik het prototype van een klant op diens eigen domein zetten?
Ja. Gratis accounts bevatten één eigen domein: voeg één DNS-record toe en het prototype verhuist daarheen, met HTTPS.
Kan Claude Code het prototype na een review bijwerken?
Ja. lobsite.toml onthoudt de site, dus dezelfde opdracht vanuit elke sessie werkt hetzelfde adres bij. Voeg één regel toe aan CLAUDE.md zodat elke sessie het op dezelfde manier doet; zie Een website deployen vanuit Claude Code.