Beğendiğin bir sitenin linkini veriyorsun ve yapay zeka ajanları o siteyi söküp senin için yeniden inşa ediyor: tasarımı, renkleri, yazı tipleri, görselleri, hepsi temiz ve modern bir kod tabanına çevrilmiş hâlde. GitHub’da 13.000’den fazla yıldız alan bu araç ücretsiz ve kurulumu bu yazının en kısa bölümü: linki yapıştır, “bunu kur” de. Adım adım anlatayım.
Bu araç tam olarak ne yapıyor?
Şöyle düşün: bir web sitesini sıfırdan yapmak istediğinde ya haftalarca tasarımcı ve yazılımcıyla çalışırsın ya da hazır şablonlara mahkûm olursun. Bu araç üçüncü bir yol açıyor: var olan bir siteyi örnek veriyorsun, o siteyi tersine mühendislikle çözüp aynı kalitede bir temel kuruyor, sen de üzerine kendi içeriğini koyuyorsun.
Perde arkası ilginç: tek komut verdiğinde araç önce hedef sitenin ekran görüntülerini alıyor, renk ve yazı tipi bilgilerini çıkarıyor, görselleri indiriyor, detaylı tarif dosyaları yazıyor, sonra birden fazla yapay zeka ajanını aynı anda çalıştırıp siteyi parça parça inşa ettiriyor. Çıktı da çöp kod değil: Next.js ve React ile, bir yazılım ekibinin elinden çıkmış gibi düzenli bir proje teslim ediyor.
Başlamadan önce gereken tek şey
Bilgisayarında Claude Code kurulu olmalı (claude.com/claude-code adresinden iniyor). Kodlama bilmene gerek yok, kod bilen taraf Claude, sen Türkçe konuşacaksın. Araç ayrıca Node.js ister ama onu dert etme, kurulum sırasında eksikse Claude kendisi halleder.
Kurulum: linki yapıştır, “bunu kur” de
Eğitimin kurulum bölümü geldi, hazır ol:
- Claude Code’u aç.
- Şu linki sohbet kutusuna yapıştır: github.com/JCodesMore/ai-website-cloner-template
- Yanına şunu yaz: “bunu kur”
- Enter’a bas.
Claude repoyu indiriyor, gerekenleri kuruyor ve “hazır” diyor. Arada izin sorarsa onaylıyorsun.
Kullanımı: tek komut
Kurulumdan sonra aynı sohbete şunu yazıyorsun:
/clone-website hedef-sitenin-adresi
Ve izliyorsun. Araç siteyi tarıyor, çözümlüyor ve inşa ediyor. Bittiğinde “tarayıcıda aç” diyorsun, klonlanmış site kendi bilgisayarında karşında. Sonrası normal sohbet: “başlıkları kendi metinlerimle değiştir”, “logoyu şununla değiştir”, “renkleri markama uyarla” diyerek siteyi kendine ait hâle getiriyorsun.
Önemli: bu araç kopya çekmek için değil
Burada durup net konuşalım. Başkasının sitesini birebir kopyalayıp yayınlamak telif ihlalidir ve seni mahkemelik eder. Bu aracın doğru kullanımları şunlar:
- Kendi eski siteni modern bir altyapıya taşımak (en meşru kullanım: kendi sitenin linkini ver, modern kodla yeniden al).
- Beğendiğin bir düzeni öğrenmek, sonra kendi içeriğin ve kendi kimliğinle bambaşka bir siteye dönüştürmek.
- Tasarımdan koda geçen süreyi kısaltmak, müşterine hızlı prototip göstermek.
Klonla, öğren, dönüştür. Kopyalayıp yayınlama.
Takılırsan
Hata mesajı görürsen kopyala, aynı sohbete yapıştır, “bunu çöz” de. Klonlanan site karmaşıksa (animasyon ağırlıklı siteler gibi) ilk sonuç birebir olmayabilir, “şu bölüm eksik kalmış, tamamla” demen genelde yeterli.
Özet
Claude Code’u indir, github.com/JCodesMore/ai-website-cloner-template linkini yapıştır, “bunu kur” de, sonra /clone-website komutunu beğendiğin adresle çalıştır. Haftalık site kurulum işi, tek komutluk bir başlangıca indi. Gerisi senin içeriğin.