Claude Code bir fikri bir öğleden sonrada tıklanabilir bir prototipe dönüştürür: gerçek ekranlar, gerçek bağlantılar, bir yere giden düğmeler. Takıldığı yer paylaşmaktır, çünkü dizüstü bilgisayarınızdaki bir klasör bir müşteriye, bir PM'e ya da bir test katılımcısına gönderebileceğiniz bir bağlantı değildir. Claude Code'dan "bu prototipi yayına al" demesini isteyin; yayında bir HTTPS adresi ve onu korumanızı sağlayan bir bağlantı döndüren tek bir komut çalıştırır. Hesap yok, Git yok, önceden kurulacak bir derleme hattı yok.
Nasıl çalışır
- Prototipi Claude Code ile oluşturun. Düz HTML sayfaları ya da küçük bir React veya Vite uygulaması. Her ekran için gerçek bir sayfa isteyin; böylece her ekranın insanların açıp yer imlerine ekleyebileceği kendi adresi olur.
- Claude Code'dan paylaşmasını isteyin. Klasörde
npx -y lobsite --yesçalıştırır. Yalnızca derlenmiş dosyalar yüklenir ve yol boyunca hiçbir şey soru sormaz. - Bağlantıyı gönderin. Claude adresi ve sahiplenme bağlantısını iletir. Prototipi 6 saatten uzun tutmak için sahiplenme bağlantısını açıp giriş yapın; adres değişmez.
Maket değil, prototip isteyin
Oturumun başındaki birkaç satır, paylaşmadan önceki bir düzeltme turunu kurtarır. Bunu brifinginizle birlikte Claude Code'a yapıştırın:
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.
En önemlisi göreli yollardır: aynı dosyaların dizüstü bilgisayarınızdan, bir önizleme adresinden ve daha sonra kendi alan adınızdan açılmasını sağlarlar.
Her yineleme için bir bağlantı
Prototipler her incelemeden sonra değişir. Zaten gönderdiğiniz bağlantının çalışmaya devam etmesini sağlayın ve yeni sürümü yanına koyun:
npx -y lobsite --yes --preview
Bir önizleme deploy'u kendi adresini alır; ana bağlantı ise insanların incelediği sürümü göstermeye devam eder. Önizlemeyi değişikliği isteyen kişiye gönderin. Üzerinde anlaşıldığında npx lobsite promote <id> onu ana sürüm yapar; geri bildirim ters yöne giderse geri alma onu tek adımda geri çeker. Ücretsiz bir hesapta son 7 günün deploy'ları önizleme adreslerini korur (Standard'da 30 gün); böylece "v2" ve "v3" bir sonraki incelemede karşılaştırmak için hâlâ oradadır.
Kimler görebilir
- Hesap olmadan prototip arama motorlarınca dizine eklenmez ve siz sahiplenmezseniz 6 saat sonra kaldırılır.
- Önizleme adresleri, hiçbir planda dizine eklenmez.
- Standard'da sitenin ayarlarından bir parola ekleyin. Önizlemeler ve özel alan adı dahil sitenin her adresi parolayı sorar. İnceleyenler onu tarayıcı başına bir kez yazar; değiştirmek herkesin oturumunu kapatır. Parola projede değil panelde durur, bu yüzden asla bir depoya düşmez.
"Bunu bizimle müşteri arasında tutabilir miyiz?" sorusunun anlamı genellikle budur. Gerçekten gizli olan bir şeyi hiç prototipe koymayın.
Kullanıcılarla test etmek
Barındırılan bir prototip bir URL'dir ve çoğu test aracının ihtiyacı yalnızca budur. Adresi Maze, Lyssna veya UserTesting'e web sitesi görevi olarak yapıştırın ya da doğrudan katılımcılara gönderin. Her ekranın kendi yolu vardır; bir görev /checkout.html üzerinde başlayabilir ve başarı "/thanks.html sayfasına ulaştı" olabilir.
Kayıt veya anket ekranı gibi, prototipin kendisinden yanıt mı gerekiyor? Formu /_lobsite/forms/feedback adresine yönlendirin; prototip bir hesaba geçtikten sonra gönderimler spam filtresiyle e-postayla gelir. Bkz. formlar.
Hesapsız bir deploy 6 saat yayında kalır. Sahiplenme bağlantısı onu ücretsiz olarak korur.
Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.
Standard'da sitenin her adresi parola ister. İnceleyenler bunu tarayıcı başına bir kez yazar.
Bir ajan altında soru sorulmaz; URL ve sahiplenme bağlantısını içeren bir Tell the user: satırı verilir.
Bir formu /_lobsite/forms/contact adresine yönlendirin. Spam filtresi dahil.
Ücretsiz hesaplar dahil: bir DNS kaydı ekleyin, site alan adınıza taşınsın. Her plan için her sitede HTTPS var.
Claude Code prototipleri: Lobsite ve olağan paylaşım yolları
| Lobsite | Claude artifact paylaşım bağlantısı | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Kim yükler | Claude Code, tek komutla | Siz, claude.ai üzerinden | Siz, bir klasörü sürükleyerek | Claude Code, commit ve push ile |
| Başlamak için hesap | 6 saat boyunca yok | Claude hesabı | Yaklaşık bir saat boyunca yok | GitHub hesabı ve depo |
| Çok sayfalı ve React derlemeleri | Evet, klasörün tamamı | Artifact başına bir sayfa | Evet | Evet, derleme için bir workflow ile |
| Her yineleme için bir bağlantı | Promote ve rollback ile --preview |
Her seferinde yeni bir artifact | Her seferinde yeni bir site veya yeni bir deploy | Yerleşik değil |
| Parola | Evet, Standard'da | Yalnızca ekip paylaşım kuralları | Ücretli Netlify planlarında | Hayır |
Bir Claude artifact bağlantısı tek bir ekran için yeterlidir. Prototip, Claude Code'un projenizde yazdığı sayfalardan oluşan bir klasör olduğunda, klasörü olduğu gibi alan bir barındırma sizi kopyala-yapıştırdan kurtarır.
Sık sorulan sorular
Bir Claude Code prototipini ücretsiz barındırabilir miyim?
Evet. Hesap olmadan 6 saat yayında kalır. Claude'un verdiği bağlantıyla sahiplenin; aynı adreste, ücretsiz bir hesapta yayında kalır.
Prototipimin bağlantıları yerelde çalışıyor ama yayında bozuluyor. Neden?
Genellikle mutlak yollar yüzünden: /about.html alan adının kökünü gösterir ve bu kök dizüstü bilgisayarınızla barındırılan bir adres arasında farklıdır. Claude Code'dan göreli bağlantılar (about.html, ./img/logo.png) kullanmasını isteyin, sonra yeniden deploy edin. Yalnızca değişen dosyalar yüklenir.
Rotaları olan bir React prototipi çalışır mı?
Evet. /settings veya /orders/42 bağlantılarının 404 yerine uygulamayı açması için tek sayfa modunu lobsite.toml içinde spa = true ile ya da sitenin ayarlarında Tek sayfalı uygulama ile açın.
Bir müşterinin prototipini kendi alan adına koyabilir miyim?
Evet. Ücretsiz hesaplar bir özel alan adı içerir: tek bir DNS kaydı ekleyin, prototip HTTPS ile oraya taşınır.
Claude Code bir incelemeden sonra prototipi güncelleyebilir mi?
Evet. lobsite.toml siteyi hatırlar; bu yüzden hangi oturumdan olursa olsun aynı komut aynı adresi günceller. Her oturumun aynı şekilde yapması için CLAUDE.md dosyasına bir satır ekleyin; bkz. Claude Code'dan web sitesi deploy etme.