Siteni Yayına Al
Bir yapay zekâya web sayfası yaptırmayı herkes başarıyor. Tasarlanmış gibi duran, üstelik bir sohbet penceresinden çıkıp gerçekten yayına giren bir sayfayı neredeyse kimse çıkaramıyor. Bu paket yolun tamamı: sitenin ne işe yarayacağına karar ver, önce metni yaz, kurmadan önce bir görünüm belirle, Claude Code'da, claude.ai'da ya da Cowork'te kur, 'yapay zekâ yapmış' izlerini silen zevk turunu at ve kendi alan adında yayına al. Rotanı seç — portfolyo, yerel işletme, ürün ya da hizmet — dördü birden senin.
Gerçek çıktı
Maket değil. Her biri aşağıdaki altı adımdan çıktı — istediğini tam ekran aç.
Set mi yapıyorsun? Daha fazla paket ekle, %15'e varan indirim.
Prompt yığını değil, bir yol
Nerede kullanacağını ve ne kuracağını seç. Dört rotanın hepsi senin, istediğin zaman değiştirebilirsin — bu seçim hiçbir şeyi kilitlemiyor.
Nerede kullanacaksın
Ne kuruyorsun
01. adım
Rotana göre değişir
Bunu ilk çalıştır, Claude'u tasarıma yaklaştırmadan önce. Buradaki on dakika, siteyi üç kez baştan kurmanı engelleyen şey.
Örnek · Girdi
Motion designer'ım, 3 yıldır, çoğunlukla serbest. Stüdyoların jenerik için beni işe almasını istiyorum.
Örnek · Çıktı
Sitenin kimin için olduğunu ve üretmesi gereken tek eylemi söyleyen bir cümle, sırayla 4–6 bölüm, hangi 3 işin öne çıkacağı ve bilerek dışarıda bıraktıkların.
02. adım
Rotana göre değişir
1. adımdaki brief'i yapıştır. Bunu tasarımdan ÖNCE yap — gerçek kelimelerin etrafına kurulan düzen oturur; bitmiş düzene dökülen kelimeler asla oturmaz.
Örnek · Girdi
1. adımdaki tek cümlelik brief ve her proje hakkında kaba notlar.
Örnek · Çıktı
Sitenin ihtiyaç duyduğu her satır — başlık, proje açıklamaları, hakkımda paragrafı, iletişim satırı — uzunluğuna göre yazılmış ve yapıştırmaya hazır.
03. adım
Rotana göre değişir
Herkesin atladığı ve sitelerinin üretilmiş görünmesinin sebebi olan adım. Metnin elindeyken çalıştır ve çıktıyı sakla — her kuruluma yapıştıracağın brief o.
Örnek · Girdi
2. adımdaki metnin ve görünümünü beğendiğin iki-üç site.
Örnek · Çıktı
Kısa yazılı bir yön — yazı karakterleri, hex kodlu beş renkli palet, boşluk, işin nasıl çerçeveleneceği — ve açıkça yasaklananlar.
04. adım
Nerede kullandığına göre değişir
Bunu Claude Code'da boş bir klasörün içinde çalıştır. Dosyaların kendi makinende olduğu, ilk commit'ten itibaren sürüm geçmişi tutulan gerçek bir proje kurar.
Örnek · Girdi
2. adımdaki metnin ve 3. adımdaki tasarım yönün.
Örnek · Çıktı
Makinende gerçek bir proje — index.html, styles.css, temiz commit'lerle bir git deposu — bölüm bölüm kurulmuş ve tarayıcıda önizlenebilir.
05. adım
Herkes için aynı
Bunu bitmiş kurulumda, aynı sohbette ya da oturumda çalıştır. Siteni yapay zekâyla kurulmuş her sayfadan ayıran adım bu — site 'zaten iyi görünüyor' diye atlama.
Örnek · Girdi
Kurduğun site; Claude'un görsel görebiliyorsa bir de ekran görüntüsü.
Örnek · Çıktı
Onu üretilmiş gösteren şeylerin önem sırasına dizilmiş listesi, her biri için somut düzeltmeyle — sonra tek tek uygulanmış düzeltmeler.
06. adım
Nerede kullandığına göre değişir
Site hazır olduğunda Claude Code'da çalıştır. Uçuş öncesi kontrolleri yapar, otomatik dağıtımlı gerçek bir sunucuya alır, sonra alan adını bağlar.
Örnek · Girdi
Bitmiş projen ve halihazırda bir alan adın olup olmadığı.
Örnek · Çıktı
Site gerçek bir sunucuda yayında, her push'ta otomatik dağıtılıyor; alan adı kayıtları tek tek yazılmış ve uçuş öncesi kontroller kayıtlı.