Kod sebenar, bukan tangkap layar
HTML, CSS, JavaScript — milik anda
Setiap halaman adalah fail sebenar. Muat turun, edit, serah kepada jurutera. Tiada editor tertutup, tiada yuran eksport.
<section class="hero"> <h1>Stories in light.</h1></section>
Genspark Build — Preview
Pembina Laman Web AI yang benar-benar terbit.
Beritahu AI apa yang anda mahu. Ia menulis kod di hadapan mata, menyegarkan pratonton langsung setiap fail, dan dalam beberapa minit anda mempunyai laman sebenar yang sedia untuk diterbitkan.
Mula dari preset:
Rasa membina di sini
Seluruh workspace berkisar tentang prompt
Sembang di kiri, pratonton langsung di tengah, fail di kanan. Taip, lihat ia dipaparkan, teruskan.
genspark.ai/agents?type=build_preview
Chat
Portfolio editorial bertema gelap untuk jurugambar wanita bebas. Lima seksyen, tipografi hangat.
Menulis `index.html`, `about.html`, `/assets/styles.css`. Menambah kesan butir filem pada hero…
Menulis fail
Pratontonyoursite.pages.dev
Freelance photography
Stories in light.
Fail
- index.html
- about.html
- work.html
- contact.html
- assets/styles.css
- assets/film-grain.svg
Mengapa Genspark Build
Bukan penjana yang hanya keluarkan mockup.
Yang ini menulis fail sebenar, menjalankan pratonton langsung, dan membenarkan anda menerbitkan hasilnya.
Dikuasakan Claude
Claude Opus 4.7 di sebalik tabir
Claude merancang laman, menulis fail, dan membetulkan kesilapan sendiri apabila pratonton kelihatan pelik.
Pelbagai halaman
Laman penuh, bukan one-pager
Laman Utama, Tentang, Kerja, Harga, Hubungi. Semua dijana bersama. Navigasi kekal segerak dan sistem reka bentuk mengalir melalui setiap halaman.
Pratonton langsung
Perhatikan ia dipapar, fail demi fail
Pratonton dikemas kini pada saat fail ditulis. Tiada langkah build untuk ditunggu. Keadaan hover, animasi dan breakpoint responsif semuanya berfungsi langsung.
Terbit satu klik
Hantar ke Cloudflare Pages
Tekan Build it. Genspark memindahkan prototaip ke projek sebenar, menyambung Cloudflare Pages, dan memberi anda URL awam.
Aplikasi juga
Hari ini laman, kanvas yang sama untuk aplikasi mudah alih
Tukar sasaran dari laman ke aplikasi. Kanvas bertukar ke bingkai iPhone dan Build it menyerahkan projek Flutter dengan kod Dart.
Mulakan dengan prompt yang berkesan
Apa yang sedang dibina orang ramai
Ini adalah prompt permulaan sebenar di dalam Genspark Build. Klik satu dan AI mengambil alih.
Dari prompt ke pengeluaran
Empat langkah, tiada pipeline build, tiada keluk pembelajaran.
01
Terangkan
Taip apa yang anda mahu dalam satu ayat atau satu perenggan. Jika sesuatu kabur, AI bertanya dan bukan meneka.
02
Pratonton
Fail muncul dalam pokok dan pratonton memaparkannya. Anda boleh menguji animasi dan breakpoint dengan tetikus sambil kod ditulis.
03
Perhalusi
Pilih sebarang elemen pada kanvas dan edit inline, atau minta AI membuat semula satu bahagian. Perubahan gaya merebak ke semua halaman.
04
Terbitkan
Tekan Build it. Prototaip menjadi projek Cloudflare Pages lengkap dengan URL awam yang boleh dikongsi seketika itu juga.
Dua sasaran, satu kanvas
Laman hari ini. Atau tukar sasaran, prompt yang sama menjadi aplikasi mudah alih.
Kanvas memaparkan pratonton kedua-dua sasaran — satu dalam pelayar, satu lagi dalam bingkai telefon. Pilih satu, Build it menyerahkan projek yang sepadan.
Sasaran: Laman
HTML / CSS / JS pada Cloudflare Pages
- Iframe domain sama supaya pratonton sepadan dengan produksi
- URL pratonton ditandatangan — hanya mereka yang menerima pautan boleh membuka
- Terbit ke Cloudflare Pages melalui handoff Build it
Sasaran: Aplikasi
Projek Flutter dengan pratonton iPhone langsung
- Pratonton bingkai iPhone terus pada kanvas
- Kod Dart dan Flutter sebenar, bukan mockup
- Handoff ke projek Flutter lengkap untuk diteruskan
vs. pembina laman yang anda sudah kenal
Apa yang pembina laman web AI baharu lakukan dengan betul
Pembina drag-and-drop
Genspark Build
Titik permulaan
Menyelak 800 templat
Satu ayat dalam bahasa biasa
Output
Blok hak milik yang tertutup
Fail HTML / CSS / JS boleh diedit
Laman berbilang halaman
Tambah setiap halaman sendiri
Dijana bersama, navigasi segerak
Iterasi
Heret, lepas, heret, lepas
Minta dalam sembang, laman dikemas kini
Pengehosan
Terikat pada hos mereka, biasanya berbayar
Cloudflare Pages atau pelayan sendiri
Sokongan aplikasi mudah alih
Biasanya tiada
Tukar sasaran → aplikasi Flutter
Soalan Lazim
Bagaimana sebenarnya pembina laman web AI ini berfungsi?
Anda menerangkan laman di panel sembang. Claude Opus 4.7 merancang halaman dan menulis kod; iframe pratonton memaparkan setiap fail sebaik ia tiba. Bila anda berpuas hati, tekan Build it dan Genspark akan membungkus semuanya ke dalam projek Cloudflare Pages dengan URL awam. Tiada alat build tempatan diperlukan.
Adakah Genspark Build percuma?
Anda boleh mencuba Genspark Build dan pratonton laman secara percuma. Penjanaan berterusan dan langkah penerbitan Build it termasuk dalam pelan Genspark Plus dan Pro. Tiada tawaran percuma tanpa had — setiap build menggunakan kuasa pengkomputeran sebenar.
Adakah ini pembina laman web AI atau penjana laman web AI?
Sebenarnya kedua-duanya. Genspark Build menjana laman daripada prompt, kemudian terus berkerja pada fail yang sama semasa anda beriterasi. Perbezaan lama antara builder dan generator menjadi tidak relevan apabila kod sedang hidup di hadapan anda.
Bolehkah saya terbitkan laman pada domain saya sendiri?
Boleh. Build it mencipta Cloudflare Pages deployment dengan URL awam dari awal, dan anda boleh menunjuk domain sendiri ke deployment itu. Jika mahu hos di tempat lain, muat turun projek — kod web standard yang boleh dihidangkan dari mana-mana.
Jenis laman apa yang boleh saya bina?
Landing page, homepage SaaS, portfolio, halaman harga, papan pemuka, aliran pendaftaran, deck, skrin onboarding. Prompt permulaan di atas bukan mockup — Genspark Build menjana setiap satu dari mula hingga akhir.
Bolehkah ia juga bina aplikasi mudah alih?
Boleh. Tukar sasaran dari laman ke aplikasi. Kanvas bertukar ke bingkai iPhone, AI menulis kod Dart dan Flutter, dan Build it menyerahkan projek Flutter penuh dan bukan projek Cloudflare Pages.
Adakah saya memiliki kod yang ditulis oleh AI?
Ya. Muat turun, edit, fork, serah kepada jurutera. Tiada editor hak milik yang menahan kod dan tiada yuran eksport.
Bagaimana ia berbeza daripada Wix, Squarespace atau pembina laman lain?
Pembina tradisional memberi anda blok untuk diheret. Genspark Build memberi anda kotak sembang. Anda menerangkan laman, AI menulis kod, anda perhalusi dengan menaip. Yang keluar adalah kod sebenar yang milik anda.