TL;DR: Clone website pakai AI artinya menyuruh AI coding agent seperti Claude Code, Codex, Cursor, atau OpenCode membaca halaman web lalu menulis ulang tampilannya jadi kode yang bisa kamu edit. Template open-source paling populer untuk ini, AI Website Cloner Template dari JCodesMore (MIT, 38.684 bintang GitHub per 6 November 2026), cukup dijalankan dengan perintah /clone-website diikuti URL, dan hasilnya aplikasi Next.js. Secara teknis gampang, secara hukum tidak bebas: desain, teks, logo, dan foto milik situs lain tetap dilindungi hak cipta dan merek, jadi pakai cara ini untuk situs milikmu sendiri, migrasi, kode yang hilang, atau belajar, bukan untuk meniru brand orang.
๐ก KEY TAKEAWAY
- Beda dengan copy HTML: AI cloner membangun ulang halaman jadi komponen kode baru yang rapi, bukan menyimpan file mentah seperti HTTrack.
- Syarat minimum: Node.js 24 ke atas, satu AI coding agent dengan akses browser, dan langganan atau kredit model AI.
- Batas legal: UU Hak Cipta Indonesia melindungi program komputer dan karya visual, sementara ide dan metode tidak dilindungi. Meniru tata letak umum relatif aman, menyalin aset dan teks orang lain tidak.
- Pemakaian yang masuk akal: pindah platform situs sendiri, memulihkan kode yang hilang, prototipe internal, dan bedah teknik layout untuk belajar.
Bayangkan kamu punya situs WordPress lama yang dibuat developer lepas tiga tahun lalu. Developernya sudah tidak bisa dihubungi, tema yang dipakai berhenti diperbarui, dan kamu ingin pindah ke stack modern tanpa mendesain dari nol. Kasus semacam itu yang paling cocok untuk clone website pakai AI: agen coding membuka situsmu di browser, memetakan tiap bagian, lalu menulis ulang jadi kode Next.js yang tampilannya mendekati aslinya dan bisa kamu ubah sesukamu. Masalahnya, alat yang sama juga bisa dipakai untuk meniru situs bank atau toko online orang lain, dan di titik itu urusannya berpindah dari teknis ke hukum.
Apa Itu Clone Website Pakai AI dan Bedanya dengan Copy HTML
Clone website pakai AI adalah proses membangun ulang sebuah halaman web menjadi kode baru yang bisa diedit, dengan AI coding agent yang mengamati tampilan, mengekstrak aset, menulis komponen, lalu membandingkan hasilnya dengan halaman sumber sampai mirip. Hasilnya bukan salinan file, melainkan proyek kode sungguhan.
Cara lama yang sering muncul di pencarian “cara copy website” bekerja beda. HTTrack, misalnya, menyebut dirinya offline browser gratis berlisensi GNU GPL yang menyalin website ke komputer supaya bisa dibuka offline, di-mirror, atau diarsipkan โ sumber: HTTrack Website Copier. File yang kamu dapat adalah HTML, CSS, dan JavaScript hasil build situs aslinya, yang biasanya berantakan dan susah diubah.
Pendekatan berbasis agen membalik urutannya. Agen membaca halaman seperti manusia membaca, lalu menulis kode baru dengan struktur komponen yang bersih. Konsepnya dekat dengan vibe coding, yaitu membuat software dengan memberi instruksi bahasa sehari-hari ke model AI, hanya saja kali ini instruksinya berupa URL, bukan deskripsi fitur.
| Pendekatan | Contoh | Hasil | Bisa diedit? | Cocok untuk |
|---|---|---|---|---|
| Mirror/salin file | HTTrack | File HTML/CSS/JS hasil build situs asli | Susah, kode hasil minify | Arsip offline, dokumentasi |
| Template AI coding agent | AI Website Cloner Template + Claude Code/Codex/Cursor/OpenCode | Proyek Next.js dengan komponen baru | Ya, kode sumber penuh di komputermu | Migrasi situs sendiri, pemulihan kode, belajar |
| Layanan web siap pakai | Anima dan layanan sejenis | Desain/kode dari URL di platform penyedia | Tergantung paket dan ekspor | Prototipe cepat tanpa setup lokal |
Halaman pertama Google Indonesia untuk kata kunci “clone website” saat kami cek pada 6 November 2026 hampir seluruhnya diisi layanan cloner berbayar dan satu repo GitHub, tanpa satu pun panduan berbahasa Indonesia yang membahas sisi hukumnya. Celah itulah yang ingin kami isi.
Mengenal AI Website Cloner Template dari JCodesMore
AI Website Cloner Template adalah template open-source berlisensi MIT yang mendeskripsikan dirinya sebagai alat untuk meng-clone website apa pun dengan satu perintah memakai AI coding agent โ sumber: repo GitHub JCodesMore. Per 6 November 2026, repo itu punya 38.684 bintang dan 5.748 fork, dibuat 13 Maret 2026, dengan rilis terbaru versi 0.6.1 tertanggal 5 Oktober 2026 menurut CHANGELOG resminya.
README repo menyebut empat agen yang didukung per November 2026: Claude Code sebagai rekomendasi dengan model Opus 5.5, lalu Codex CLI, OpenCode, dan Cursor dengan status “Supported”. Hasil kloning berupa proyek Next.js 16 dengan React 19, TypeScript, shadcn/ui, Tailwind CSS v4, dan ikon Lucide React yang nanti diganti SVG hasil ekstraksi dari situs sumber.
Bagian yang jarang dibahas orang adalah cara template ini menyimpan instruksinya. Seluruh alur kerja ditulis di satu file skill di folder .agents/skills/clone-website/, yang dibaca langsung oleh Codex, Cursor, dan OpenCode, sementara Claude Code memakai jembatan perintah kecil di .claude/commands/clone-website.md. Format ini mengikuti standar yang sama dengan yang kami bahas di panduan Agent Skills dan file SKILL.md untuk Codex, Claude, dan OpenClaw, jadi kalau kamu sudah paham konsep skill, cara kerja template ini langsung kebaca.
Cara Clone Website Pakai AI Coding Agent, Langkah demi Langkah
Setelah tahu template-nya, sekarang ke praktik. Urutan di bawah mengikuti Quick Start di README resmi per November 2026, ditambah catatan dari sisi persiapan yang sering bikin pemula macet.
- Siapkan Node.js 24 atau lebih baru. README dan file
package.jsontemplate mensyaratkan"node": ">=24". Cek dengannode -vdi terminal, lalu unduh versi terbaru dari situs resmi Node.js kalau versinya kurang. - Pasang satu AI coding agent. Pilih Claude Code, Codex CLI, Cursor, atau OpenCode. Kalau kamu belum pernah memasang Claude Code, ikuti dulu panduan install Claude Code di terminal langkah demi langkah sebelum lanjut.
- Minta agen menyiapkan proyek. README menyediakan prompt siap tempel yang menyuruh agen meng-clone repo ke folder baru, menghapus remote origin, memasang dependensi, lalu menjalankan
npm run check. Alternatifnya, klik tombol Use this template di GitHub supaya kamu punya repo sendiri. - Aktifkan akses browser di agen. Template butuh agen yang bisa membuka halaman, mengambil screenshot, dan membaca style. Tanpa akses browser, tahap pengamatan tidak berjalan.
- Jalankan perintah kloning. Di Claude Code atau Cursor, ketik
/clone-website https://situs-kamu.com. Ganti URL dengan halaman yang ingin kamu bangun ulang. Perintah ini bisa menerima lebih dari satu URL sekaligus. - Cek hasil di lokal. Jalankan
npm run devlalu buka halaman di browser. Bandingkan dengan situs aslinya di ukuran desktop dan mobile. - Minta revisi dengan bahasa biasa. Setelah versi pertama jadi, kamu tinggal bilang ke agen apa yang mau diubah, misalnya ganti warna tombol, hapus bagian testimoni, atau tambah halaman kontak.
Satu hal yang tidak tertulis di README: proses kloning memakan banyak token karena agen mengambil screenshot, membaca style, dan mengulang perbandingan berkali-kali. Kalau kamu memakai paket Claude Pro, cek dulu batas pemakaian 5 jam dan mingguan Claude Pro supaya sesi kloning tidak terpotong di tengah jalan.
Empat Tahap Kerja Agen Saat Meng-clone Halaman
Memahami apa yang terjadi di balik perintah /clone-website membantu kamu membaca hasilnya dengan kritis. File skill resmi di repo membagi prosesnya jadi empat tahap โ sumber: SKILL.md clone-website.
| Tahap | Yang dikerjakan agen | Yang perlu kamu cek |
|---|---|---|
| 1. Map | Memetakan URL sumber ke route lokal dan menjaga file yang sudah ada | Route yang dibuat sesuai halaman yang kamu minta |
| 2. Observe | Membuka halaman di lebar desktop dan mobile, scroll sampai bawah, mencoba menu, tab, dan hover, lalu mengekstrak font, gambar, SVG, dan video asli | Daftar aset yang diambil, karena di sinilah risiko hak cipta muncul |
| 3. Build | Menulis komponen yang bisa diedit dan interaksi yang berfungsi | Tombol dan link benar-benar bekerja, bukan hiasan |
| 4. Compare | Membandingkan sumber dan hasil di ukuran dan state yang sama, memperbaiki selisih, lalu menjalankan production check | Daftar “remaining gaps” yang dilaporkan agen |
Skill tersebut secara eksplisit menyuruh agen memakai teks dan file asli yang dimuat situs sumber, termasuk font, gambar, SVG, dan video. Tujuannya akurasi visual. Konsekuensinya, hasil kloning situs orang lain hampir pasti membawa aset milik orang lain ke dalam folder public/ proyekmu.
Skill itu juga melarang agen mengklaim hasilnya pixel-perfect sebelum dicek. Agen wajib menyerahkan instruksi menjalankan, peta route, screenshot perbandingan, dan daftar selisih yang tersisa. Jadi kalau agenmu bilang “sudah sama persis” tanpa screenshot, minta buktinya.
๐ก KEY TAKEAWAY
- Tahap Observe adalah titik rawan: di situ font, foto, dan logo situs sumber ikut terunduh ke proyekmu.
- Minta bukti, bukan klaim: hasil yang valid datang dengan screenshot perbandingan dan daftar selisih.
- Anggarkan token: pengamatan, screenshot, dan perbandingan berulang membuat kloning lebih boros kuota dibanding tugas coding biasa, jadi mulai dari satu halaman dulu.
Legal Nggak Clone Website Orang Lain? Batas Hukum di Indonesia
Jawaban singkatnya: meniru ide dan tata letak umum relatif aman, menyalin kode, teks, gambar, dan logo milik orang lain tanpa izin tidak. Pembedanya ada di UU Nomor 28 Tahun 2014 tentang Hak Cipta, dan dua pasalnya relevan langsung dengan cara kerja AI cloner.
Pasal 40 UU Hak Cipta memasukkan program komputer, karya fotografi, dan karya seni rupa ke dalam daftar ciptaan yang dilindungi โ sumber: Pasal 40 UU 28/2014 via Pasal.id. Sebaliknya, Pasal 41 menyatakan ide, prosedur, sistem, metode, dan konsep tidak dilindungi hak cipta โ sumber: Pasal 41 UU 28/2014 via Pasal.id. Artinya konsep “hero besar, tiga kartu fitur, lalu testimoni” bebas dipakai siapa saja, tapi foto produk, ilustrasi, dan copywriting di dalamnya punya pemilik.
Pasal 9 ayat (3) melarang penggandaan dan penggunaan secara komersial ciptaan tanpa izin pencipta atau pemegang hak cipta โ sumber: Pasal 9 UU 28/2014 via Pasal.id. Ancamannya diatur di Pasal 113: penggandaan untuk penggunaan komersial bisa dipidana penjara paling lama 4 tahun dan/atau denda paling banyak Rp1 miliar โ sumber: Pasal 113 UU 28/2014 via Pasal.id.
Logo dan nama brand masuk wilayah lain, yaitu merek. Pasal 100 UU Nomor 20 Tahun 2016 tentang Merek dan Indikasi Geografis mengancam pemakaian merek yang sama pada keseluruhannya dengan merek terdaftar milik pihak lain untuk barang atau jasa sejenis dengan penjara paling lama 5 tahun dan/atau denda paling banyak Rp2 miliar โ sumber: Pasal 100 UU 20/2016 via Pasal.id.
Risiko paling berat muncul saat hasil kloning dipakai untuk menipu. Pasal 35 UU ITE melarang manipulasi atau penciptaan dokumen elektronik dengan tujuan agar dianggap seolah-olah data yang otentik โ sumber: Pasal 35 UU 11/2008 via Pasal.id, dan Pasal 51 ayat (1) mengancamnya dengan penjara paling lama 12 tahun dan/atau denda paling banyak Rp12 miliar. Halaman login bank tiruan adalah contoh paling jelas.
Catatan: Pasal.id menandai bahwa sebagian pasal UU ITE dan UU Merek sudah diubah oleh undang-undang berikutnya dan pemetaan perubahannya per pasal belum lengkap per November 2026. Untuk kepastian, rujuk naskah resmi di JDIH DJKI atau konsultasikan ke konsultan hukum.
Pembuat template sendiri menulis batas yang sejalan. README repo menyebut proyek itu tidak ditujukan untuk phishing atau penyamaran, untuk mengakui desain orang lain sebagai milik sendiri karena logo, aset brand, dan copy asli milik pemiliknya, serta untuk melanggar terms of service situs yang melarang scraping atau reproduksi. Lisensi MIT hanya mengatur kode template, bukan izin atas situs yang kamu clone.
Ancaman phishing juga bukan teori. Anti-Phishing Working Group (APWG) mencatat 1.003.924 serangan phishing pada kuartal pertama 2025, angka tertinggi sejak akhir 2023 menurut ringkasan laporannya โ sumber: APWG Phishing Activity Trends Report 1Q 2025. Alat yang membuat tiruan visual makin murah otomatis menurunkan biaya bagi pelaku, jadi wajar kalau penyedia hosting dan registrar makin cepat menurunkan situs tiruan.
Kapan Clone Website Pakai AI Pantas Dipakai, dan Kapan Jangan
Daripada menghafal pasal, pakai satu pertanyaan sederhana: siapa pemilik aset yang terbawa ke proyekmu, dan apakah hasilnya akan dilihat publik sebagai milik orang lain? Tabel di bawah merangkum skenario yang paling sering ditanyakan.
| Skenario | Status | Alasan |
|---|---|---|
| Migrasi situs milikmu dari WordPress, Webflow, atau Squarespace ke Next.js | Aman | Kamu pemegang hak atas desain, teks, dan aset. Ini use case pertama di README. |
| Memulihkan kode situs sendiri yang repo-nya hilang atau developernya pergi | Aman | Disebut eksplisit di README sebagai use case “Lost source code”. |
| Belajar cara situs produksi membuat layout, animasi, dan responsive | Aman, selama tidak dipublikasikan | Hasil disimpan di lokal sebagai bahan belajar, bukan diluncurkan. |
| Prototipe internal klien dengan situs lama klien sebagai acuan | Aman dengan izin tertulis | Minta persetujuan pemilik situs sebelum mulai. |
| Meniru layout kompetitor lalu mengganti semua teks, foto, logo, dan warna dengan milikmu | Area abu-abu | Tata letak umum tidak dilindungi (Pasal 41), tapi cek ToS situs sumber dan pastikan tidak ada aset asli yang tertinggal. |
| Meluncurkan situs tiruan dengan logo, teks, dan foto asli brand lain | Jangan | Berisiko melanggar hak cipta dan merek. |
| Halaman login atau pembayaran tiruan bank, e-commerce, atau instansi | Jangan, pidana | Masuk wilayah phishing dan pemalsuan dokumen elektronik di UU ITE. |
Untuk skenario area abu-abu, langkah teraman adalah memakai hasil kloning sebagai kerangka saja. Hapus seluruh isi folder public/sites/<nama-situs>/, ganti font berlisensi dengan font bebas, tulis ulang semua teks, lalu ubah palet warna dan susunan bagian sampai identitas visualnya jelas berbeda.
Keterbatasan AI Website Cloner yang Perlu Kamu Tahu
Template ini kuat untuk halaman yang tampilannya bisa diamati dari luar, tapi ada beberapa hal yang tidak ikut terbawa. Mengetahui batasnya dari awal menghemat waktu dan kuota.
- Hanya tampilan depan. Agen membangun ulang apa yang terlihat di browser. Database, sistem login, keranjang belanja, panel admin, dan logika server situs sumber tidak ikut, karena memang tidak bisa diamati dari luar.
- Hasilnya Next.js, bukan WordPress. Kalau timmu terbiasa mengedit konten lewat dashboard WordPress, hasil kloning butuh developer atau agen AI untuk tiap perubahan teks, kecuali kamu menyambungkannya ke CMS terpisah.
- Kemiripan bukan jaminan. Skill resmi sendiri meminta agen melaporkan selisih yang tersisa. Halaman dengan animasi scroll yang rumit atau konten yang dimuat setelah login sering menyisakan perbedaan.
- Butuh agen dengan akses browser dan kuota cukup. Tanpa keduanya, proses berhenti di tengah atau hasilnya hanya kerangka kasar.
- Proteksi situs sumber. Sebagian situs membatasi bot dan crawler otomatis. Tren pemblokiran agen AI oleh situs besar kami bahas di laporan situs besar yang mulai memblokir AI agent, dan pola yang sama bisa membuat sebagian halaman gagal diamati.
Untuk situs sederhana yang hanya butuh satu-dua halaman statis, mendesain ulang dari nol dengan bantuan AI kadang lebih cepat daripada membersihkan hasil kloning. Kloning paling berguna saat situs sumbernya banyak halaman dan kamu memang ingin mempertahankan tampilan yang sudah ada.
Yang Bisa Langsung Kamu Lakukan Minggu Ini
Kalau kamu pemilik bisnis dengan situs lama atau freelancer yang sering diminta “bikin seperti situs ini”, berikut urutan praktisnya.
- Uji di situsmu sendiri dulu. Clone satu halaman situs milikmu, misalnya halaman tentang kami. Ini cara paling aman merasakan kualitas hasil dan konsumsi kuota sebelum dipakai untuk proyek berbayar.
- Bikin klausul izin di kontrak freelance. Kalau klien minta hasil “seperti situs X”, tulis di kontrak bahwa aset, teks, dan logo situs acuan tidak akan disalin, dan klien bertanggung jawab atas materi yang ia serahkan.
- Audit folder aset sebelum deploy. Buka folder
public/sites/dansrc/components/sites/, pastikan tidak ada logo, foto, atau font berlisensi milik pihak lain yang ikut terbit. - Cek ToS dan robots.txt situs acuan. README template sendiri mengingatkan sebagian situs melarang scraping atau reproduksi secara eksplisit.
Setelah situsmu beres, langkah berikutnya biasanya otomasi di belakangnya: membalas pertanyaan pengunjung, merekap leads, atau memperbarui konten. Claude Code unggul untuk pekerjaan berbasis kode seperti kloning, sementara otomasi operasional harian cocok dijalankan agen yang hidup terus di server, perbandingannya kami tulis di ulasan Claude Code vs OpenClaw dan kapan pakai yang mana.
Komunitech mengajarkan cara membangun AI Agent berbasis OpenClaw yang menjalankan pekerjaan operasional seperti itu untuk bisnis Indonesia. Kalau kamu ingin mencobanya dengan pendampingan mentor, workshop OpenClaw Komunitech mengajak peserta membuat Karyawan AI pertama dalam 2 jam, dan peserta mendapat sertifikat sebagai peserta workshop.
Pertanyaan yang Sering Ditanya
Apakah AI Website Cloner Template gratis?
Kode template-nya gratis karena berlisensi MIT. Biaya yang tetap ada adalah pemakaian AI coding agent: langganan Claude, Codex, atau Cursor, atau kredit API model yang kamu pakai di OpenCode.
Bisakah clone website pakai AI tanpa bisa coding?
Bisa sampai tahap halaman tampil di lokal, karena perintahnya cukup satu baris dan revisi bisa diminta dengan bahasa biasa. Untuk deploy ke hosting, menyambungkan domain, dan membaca error build, pengetahuan dasar terminal dan Git tetap sangat membantu.
Apakah hasil clone bisa diubah jadi tema WordPress?
Tidak langsung. Template menghasilkan aplikasi Next.js dengan React, bukan tema PHP. Kamu bisa meminta agen menulis ulang komponen jadi tema WordPress, tapi itu pekerjaan tambahan di luar alur bawaan template.
Apakah meniru desain website kompetitor termasuk melanggar hak cipta?
Tata letak dan konsep umum tidak dilindungi menurut Pasal 41 UU Hak Cipta, tapi foto, ilustrasi, teks, kode, dan logo kompetitor dilindungi. Kalau semua aset dan teks diganti milikmu dan identitas visualnya jelas berbeda, risikonya jauh lebih kecil. Untuk proyek komersial bernilai besar, konsultasikan ke konsultan hukum.
Bagaimana cara tahu sebuah situs adalah hasil clone untuk phishing?
Periksa nama domain huruf per huruf, karena situs tiruan sering memakai domain mirip dengan satu huruf berbeda. Jangan masuk lewat link dari pesan atau iklan, ketik alamat resmi sendiri, dan curigai halaman yang meminta OTP atau PIN di luar aplikasi resmi.
Kesimpulan
AI Website Cloner Template membuat pekerjaan yang dulu butuh berhari-hari, membangun ulang tampilan situs jadi kode modern, bisa dimulai dengan satu perintah di Claude Code, Codex, Cursor, atau OpenCode. Nilai terbesarnya ada pada situs milikmu sendiri: pindah platform, memulihkan kode yang hilang, dan belajar teknik layout dari situs produksi. Garis yang tidak boleh dilewati jelas: aset, teks, dan logo orang lain tetap milik mereka, dan tiruan untuk menipu masuk ranah pidana. Mulailah dari satu halaman situsmu sendiri, catat kuota yang terpakai, lalu putuskan apakah alur ini layak masuk ke proses kerjamu.
Referensi
- JCodesMore, AI Website Cloner Template (README, diakses 6 November 2026)
- JCodesMore, SKILL.md clone-website
- JCodesMore, CHANGELOG AI Website Cloner Template
- HTTrack Website Copier
- Node.js, situs resmi
- UU 28/2014 tentang Hak Cipta, Pasal 9, 40, 41, 113 (Pasal.id)
- UU 20/2016 tentang Merek dan Indikasi Geografis, Pasal 100 (Pasal.id)
- UU 11/2008 tentang ITE, Pasal 35 dan 51 (Pasal.id)
- JDIH DJKI, naskah UU 28/2014
- APWG, Phishing Activity Trends Report 1Q 2025
Disclaimer: Informasi hukum di halaman ini bersifat edukasi umum, bukan nasihat hukum. Data repo (jumlah bintang, versi, agen yang didukung) dicek pada 6 November 2026 dan bisa berubah. Komunitech tidak berafiliasi dengan JCodesMore maupun penyedia AI coding agent yang disebut.









Tinggalkan Balasan