Claude Code mengubah ide menjadi prototipe yang dapat diklik dalam satu sore: layar sungguhan, tautan sungguhan, tombol yang menuju ke suatu tempat. Membagikannya adalah bagian yang macet, karena folder di laptop bukan tautan yang dapat dikirim ke klien, PM, atau peserta uji. Minta Claude Code untuk "tayangkan prototipe ini" dan Claude menjalankan satu perintah yang mengembalikan alamat HTTPS aktif dan tautan untuk menyimpannya. Tanpa akun, tanpa Git, dan tanpa pipeline build yang harus disiapkan dulu.
Cara kerjanya
- Buat prototipe dengan Claude Code. Halaman HTML biasa, atau aplikasi React atau Vite kecil. Minta satu halaman sungguhan per layar, agar setiap layar memiliki alamat sendiri yang dapat dibuka dan di-bookmark.
- Minta Claude Code membagikannya. Claude menjalankan
npx -y lobsite --yesdi folder. Hanya file hasil build yang diunggah, dan tidak ada pertanyaan di tengah jalan. - Kirim tautan. Claude menyampaikan alamat dan tautan klaim. Buka tautan klaim dan masuk untuk menyimpan prototipe lebih dari 6 jam; alamatnya tidak berubah.
Prompt sebagai prototipe, bukan mockup
Beberapa baris di awal sesi menghemat satu putaran perbaikan sebelum Anda membagikan. Tempelkan ini ke Claude Code dengan brief Anda:
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.
Path relatif paling penting: file yang sama dapat dibuka dari laptop, dari alamat pratinjau, dan nanti dari domain Anda sendiri.
Satu tautan per iterasi
Prototipe berubah setelah setiap tinjauan. Biarkan tautan yang sudah dikirim tetap berfungsi, dan letakkan versi baru di sampingnya:
npx -y lobsite --yes --preview
Deploy pratinjau mendapat alamat sendiri, sementara tautan utama tetap menampilkan versi yang sedang ditinjau. Kirim pratinjau kepada yang meminta perubahan. Setelah disepakati, npx lobsite promote <id> menjadikannya versi utama, dan rollback mengembalikannya dalam satu langkah jika masukan berbalik. Di akun gratis, deploy dari 7 hari terakhir mempertahankan alamat pratinjaunya (30 hari di Standard), sehingga "v2" dan "v3" masih ada untuk dibandingkan pada tinjauan berikutnya.
Siapa yang dapat melihatnya
- Tanpa akun, prototipe tidak diindeks mesin pencari, dan dihapus setelah 6 jam kecuali Anda mengklaimnya.
- Alamat pratinjau tidak pernah diindeks, di paket apa pun.
- Di Standard, tambahkan kata sandi di pengaturan situs. Setiap alamat situs memintanya, termasuk pratinjau dan domain kustom. Peninjau mengetiknya sekali per browser, dan mengubahnya mengeluarkan semua orang. Kata sandi ada di dasbor, bukan di proyek, sehingga tidak pernah masuk ke repositori.
Biasanya itulah arti "bisakah ini hanya untuk kita dan klien?". Untuk hal yang benar-benar rahasia, jangan masukkan ke prototipe sama sekali.
Mengujinya dengan pengguna
Prototipe ter-hosting adalah URL, yang hanya itu yang diperlukan sebagian besar alat pengujian. Tempelkan alamat ke Maze, Lyssna, atau UserTesting sebagai tugas situs web, atau kirim langsung ke peserta. Setiap layar memiliki path sendiri, sehingga tugas dapat dimulai di /checkout.html dan keberhasilan dapat berupa "mencapai /thanks.html".
Perlu jawaban dari prototipe itu sendiri, seperti layar pendaftaran atau survei? Arahkan formulir ke /_lobsite/forms/feedback dan, setelah prototipe ada di akun, kiriman tiba melalui email dengan filter spam. Lihat formulir.
Deploy tanpa akun aktif selama 6 jam. Tautan klaim menyimpannya, gratis.
Pratinjau sebelum tayang. Rollback dengan satu klik, termasuk pengalihan.
Di Standard, setiap alamat situs meminta kata sandi. Peninjau mengetiknya sekali per browser.
Tanpa pertanyaan saat dijalankan agen, dan baris Tell the user: berisi URL dan tautan klaim.
Arahkan formulir ke /_lobsite/forms/contact. Termasuk penyaringan spam.
Termasuk akun Free: tambahkan satu data DNS dan situs pindah ke domain Anda. Setiap situs memiliki HTTPS di paket apa pun.
Prototipe Claude Code: Lobsite dan cara berbagi yang umum
| Lobsite | Tautan bagikan artefak Claude | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Yang mengunggah | Claude Code, dengan satu perintah | Anda, dari claude.ai | Anda, dengan menyeret folder | Claude Code, dengan commit dan push |
| Akun untuk mulai | Tidak ada selama 6 jam | Akun Claude | Tidak ada selama sekitar satu jam | Akun GitHub dan repositori |
| Build multi-halaman dan React | Ya, seluruh folder | Satu halaman per artefak | Ya | Ya, dengan alur kerja untuk build |
| Tautan per iterasi | --preview, dengan promosi dan rollback |
Artefak baru setiap kali | Situs baru, atau deploy baru setiap kali | Tidak bawaan |
| Kata sandi | Ya, di Standard | Hanya aturan berbagi tim | Di paket berbayar Netlify | Tidak |
Tautan artefak Claude cukup untuk satu layar. Setelah prototipe menjadi folder halaman yang ditulis Claude Code di proyek Anda, host yang menerima folder apa adanya menghemat salin-tempel.
Pertanyaan umum
Bisakah saya meng-host prototipe Claude Code secara gratis?
Ya. Tanpa akun, aktif selama 6 jam. Klaim dengan tautan yang diberikan Claude dan tetap aktif di akun gratis, di alamat yang sama.
Tautan prototipe saya berfungsi lokal tetapi rusak setelah online. Mengapa?
Biasanya path absolut: /about.html mengarah ke root domain, yang berbeda antara laptop dan alamat ter-hosting. Minta Claude Code memakai tautan relatif (about.html, ./img/logo.png), lalu deploy lagi. Hanya file berubah yang diunggah.
Apakah prototipe React dengan rute berfungsi?
Ya. Aktifkan mode satu halaman dengan spa = true di lobsite.toml, atau Aplikasi satu halaman di pengaturan situs, agar tautan ke /settings atau /orders/42 membuka aplikasi, bukan 404.
Bisakah saya menaruh prototipe klien di domain mereka sendiri?
Ya. Akun gratis mencakup satu domain kustom: tambahkan satu data DNS dan prototipe pindah ke sana, dengan HTTPS.
Bisakah Claude Code memperbarui prototipe setelah tinjauan?
Ya. lobsite.toml mengingat situs, sehingga perintah yang sama dari sesi mana pun memperbarui alamat yang sama. Tambahkan satu baris ke CLAUDE.md agar setiap sesi melakukannya dengan cara yang sama; lihat Deploy situs web dari Claude Code.