Claude Code gjør en idé om til en klikkbar prototype på en ettermiddag: ekte skjermer, ekte lenker, knapper som fører et sted. Det er delingen som stopper opp, for en mappe på laptopen din er ikke en lenke du kan sende til en kunde, en PM eller en testdeltaker. Be Claude Code «legge ut denne prototypen», så kjører det én kommando som gir tilbake en live HTTPS-adresse og en lenke som lar deg beholde den. Ingen konto, ingen Git og ingen byggepipeline å sette opp først.
Slik fungerer det
- Bygg prototypen med Claude Code. Vanlige HTML-sider, eller en liten React- eller Vite-app. Be om en ekte side per skjerm, så hver skjerm får sin egen adresse folk kan åpne og bokmerke.
- Be Claude Code dele den. Det kjører
npx -y lobsite --yesi mappen. Bare de bygde filene lastes opp, og ingenting stiller spørsmål underveis. - Send lenken. Claude gir videre adressen og krav-lenken. Åpne krav-lenken og logg inn for å beholde prototypen lenger enn 6 timer; adressen endres ikke.
Be om en prototype, ikke en skisse
Noen linjer i starten av økten sparer en runde med rettelser før du deler. Lim inn dette i Claude Code sammen med briefen din:
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.
Relative stier betyr mest: de lar de samme filene åpnes fra laptopen din, fra en forhåndsvisningsadresse og senere fra ditt eget domene.
Én lenke per iterasjon
Prototyper endres etter hver gjennomgang. La lenken du allerede har sendt fortsette å virke, og legg den nye versjonen ved siden av:
npx -y lobsite --yes --preview
En forhåndsvisnings-deploy får sin egen adresse, mens hovedlenken fortsatt viser versjonen folk gjennomgår. Send forhåndsvisningen til den som ba om endringen. Når den er godkjent, gjør npx lobsite promote <id> den til hovedversjonen, og en tilbakerulling tar den tilbake i ett steg hvis tilbakemeldingene går den andre veien. I en gratis konto beholder deployer fra de siste 7 dagene forhåndsvisningsadressene sine (30 dager med Standard), så «v2» og «v3» fortsatt er der å sammenligne ved neste gjennomgang.
Hvem som kan se den
- Uten konto indekseres ikke prototypen av søkemotorer, og den fjernes etter 6 timer med mindre du krever den.
- Forhåndsvisningsadresser indekseres aldri, på noen plan.
- Med Standard legger du til et passord i nettstedets innstillinger. Alle adressene til nettstedet ber om det, forhåndsvisninger og eget domene inkludert. De som gjennomgår skriver det inn én gang per nettleser, og endrer du det, logges alle ut. Passordet ligger i dashbordet, ikke i prosjektet, så det havner aldri i et repository.
Det er som regel det «kan vi holde dette mellom oss og kunden?» betyr. Det som er virkelig fortrolig, hører ikke hjemme i en prototype i det hele tatt.
Teste med brukere
En hostet prototype er en URL, og det er alt de fleste testverktøy trenger. Lim inn adressen i Maze, Lyssna eller UserTesting som en nettstedsoppgave, eller send den direkte til deltakerne. Hver skjerm har sin egen sti, så en oppgave kan starte på /checkout.html og suksess kan være «nådde /thanks.html».
Trenger du svar fra selve prototypen, som en registrerings- eller spørreskjermside? La skjemaet sende til /_lobsite/forms/feedback, så kommer innsendinger på e-post med spamfilter når prototypen er i en konto. Se skjemaer.
En deploy uten konto er live i 6 timer. Med krav-lenken beholder du den, gratis.
Forhåndsvis før du går live. Rull tilbake med ett klikk, inkludert videresendinger.
Med Standard spør hver adresse på nettstedet etter et passord. Kontrollører skriver det inn én gang per nettleser.
Ingen spørsmål under en agent, og en Tell the user:-linje med URL-en og krav-lenken.
Pek et skjema mot /_lobsite/forms/contact. Spamfilter inkludert.
Også for gratiskontoer: legg til én DNS-post, så flytter nettstedet til domenet ditt. Alle nettsteder har HTTPS, uansett abonnement.
Prototyper fra Claude Code: Lobsite og de vanlige måtene å dele på
| Lobsite | Delelenke for Claude-artifact | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Hvem laster opp | Claude Code, med én kommando | Du, fra claude.ai | Du, ved å dra inn en mappe | Claude Code, med commit og push |
| Konto for å starte | Ingen i 6 timer | Claude-konto | Ingen i omtrent en time | GitHub-konto og repository |
| Flere sider og React-bygg | Ja, hele mappen | Én side per artifact | Ja | Ja, med en workflow for bygget |
| En lenke per iterasjon | --preview, med promote og rollback |
En ny artifact hver gang | Et nytt nettsted, eller en ny deploy hver gang | Ikke innebygd |
| Passord | Ja, med Standard | Bare delingsregler for team | På betalte Netlify-planer | Nei |
En lenke til en Claude-artifact holder for én skjerm. Så snart prototypen er en mappe med sider Claude Code har skrevet i prosjektet ditt, sparer en vert som tar mappen som den er deg for kopieringen.
Ofte stilte spørsmål
Kan jeg hoste en prototype fra Claude Code gratis?
Ja. Uten konto er den live i 6 timer. Krev den med lenken Claude gir deg, så blir den liggende i en gratis konto, på samme adresse.
Lenkene i prototypen min fungerer lokalt, men ikke når den er online. Hvorfor?
Som regel absolutte stier: /about.html peker til roten av domenet, og den er forskjellig på laptopen din og på en hostet adresse. Be Claude Code bruke relative lenker (about.html, ./img/logo.png), og deploy på nytt. Bare de endrede filene lastes opp.
Fungerer en React-prototype med ruter?
Ja. Slå på single-page-modus med spa = true i lobsite.toml, eller Single-page-app i nettstedets innstillinger, så lenker til /settings eller /orders/42 åpner appen i stedet for en 404.
Kan jeg legge en kundes prototype på kundens eget domene?
Ja. Gratiskontoer inkluderer ett eget domene: legg til én DNS-post, så flytter prototypen dit, med HTTPS.
Kan Claude Code oppdatere prototypen etter en gjennomgang?
Ja. lobsite.toml husker nettstedet, så den samme kommandoen fra hvilken som helst økt oppdaterer den samme adressen. Legg til én linje i CLAUDE.md så hver økt gjør det likt; se Deploy et nettsted fra Claude Code.