Claude menulis seluruh halaman dalam satu artefak: landing page, kuis, kalkulator, laporan. Untuk memberinya rumah sendiri, di luar chat, publikasikan di Lobsite: tempelkan kode artefak di kotak di atas, atau hubungkan Lobsite ke Claude dan minta memublikasikannya. Membuat di Claude Code? Lihat Deploy dari Claude Code.
Cara kerjanya
- Dapatkan kode artefak. Di panel artefak, beralih ke tampilan kode dan salin, atau unduh file-nya.
- Tempelkan di kotak di atas dan tekan Publikasikan halaman ini. Anda mendapat alamat
*.lobsite.appaktif dengan HTTPS. - Simpan. Situs bertahan 6 jam; Simpan gratis → memindahkannya ke akun gratis di alamat yang sama.
Artefak HTML dan artefak React
Claude membuat beberapa jenis artefak, dan jenisnya penting:
- Artefak HTML (halaman penuh yang diawali
<!doctype html>) dipublikasikan apa adanya. Gaya dan skrip inline berfungsi, begitu juga library yang dimuat dari CDN dengan URL lengkap. - Artefak React (kode yang diawali
importdanexport default function) belum berupa halaman web: panel artefak membuatkannya untuk Anda. Minta Claude mengubahnya menjadi halaman, dengan prompt seperti di bawah, lalu tempelkan hasilnya.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Gambar yang tidak dapat dibuat Claude sebagai file (logo, foto) memerlukan URL https:// lengkap, atau letakkan halaman dan gambar dalam folder dan letakkan foldernya di tab Letakkan file.
Biarkan Claude memublikasikan: konektor
Claude.ai dapat memakai Lobsite sebagai konektor kustom, yaitu server MCP jarak jauh. Tambahkan konektor kustom di pengaturan Claude dengan URL ini:
https://lobsite.com/api/mcp
Lalu minta: "Publikasikan halaman ini dengan Lobsite." Claude memanggil satu alat konektor, deploy_files, dengan isi halaman, dan menjawab dengan alamat serta tautan klaim untuk menyimpan situs. Konektor kustom tersedia di paket Claude yang mendukungnya; halaman MCP berisi detail untuk setiap klien.
Deploy tanpa akun aktif selama 6 jam. Tautan klaim menyimpannya, gratis.
npx lobsite mcp untuk agen coding, lobsite.com/api/mcp untuk asisten chat.
Setiap situs mendapat alamat *.lobsite.app dengan HTTPS sejak deploy pertama.
Arahkan formulir ke /_lobsite/forms/contact. Termasuk penyaringan spam.
Pratinjau sebelum tayang. Rollback dengan satu klik, termasuk pengalihan.
Termasuk akun Free: tambahkan satu data DNS dan situs pindah ke domain Anda. Setiap situs memiliki HTTPS di paket apa pun.
Tombol Publish milik Claude, atau situs
Claude dapat membagikan artefak dengan tombol Publish miliknya. Itu cara tercepat menunjukkan artefak kepada seseorang di dalam Claude. Situs adalah untuk saat halaman harus berdiri sendiri:
| Publish milik Claude | Lobsite | |
|---|---|---|
| Tempat terbuka | Di claude.ai | Di alamat *.lobsite.app sendiri |
| File Anda sendiri (gambar, halaman lain) | Tidak | Ya: letakkan folder |
| Formulir yang mengirim pesan | Tidak | Ya, setelah situs ada di akun |
| Pembaruan | Publikasikan versi baru dari Claude | Tempel lagi dan tekan Perbarui, atau deploy ulang |
| Domain kustom | Tidak | Ya, gratis |
| Perlu akun | Akun Claude Anda | Tidak selama 6 jam; gratis untuk disimpan |
Pertanyaan umum
Bisakah saya meng-host artefak Claude secara gratis?
Ya. Memublikasikan gratis tanpa akun dan bertahan 6 jam. Akun Lobsite gratis menyimpan satu situs selamanya, dengan bandwidth 10 GB per bulan.
Mengapa artefak yang saya publikasikan berupa halaman kosong?
Kemungkinan besar artefak React: kodenya memerlukan build yang dilakukan panel artefak untuk Anda. Minta Claude menulis ulang sebagai satu file HTML mandiri (prompt ada di atas), lalu publikasikan itu.
Apakah saya perlu konektor?
Tidak. Menyalin kode dan menempelkannya di sini berfungsi di paket Claude apa pun. Konektor menghemat salin-tempel, dan memungkinkan Claude memperbarui situs saat Anda terus mengubah halaman.
Bisakah orang menemukan halaman saya di Google?
Tidak selama sementara: situs tanpa akun tidak diindeks. Setelah Anda menyimpannya di akun gratis, mesin pencari dapat mengindeksnya.
Bisakah saya menambahkan formulir kontak ke halaman?
Ya. Minta Claude membuat formulir mengirim ke /_lobsite/forms/contact. Pesan sampai ke dasbor dan email Anda setelah situs ada di akun. Lihat formulir.