Vibe Coding Bootcamp

Kapı, doğrulama masası, kahve

Hazırlık betiği yeşil yanmayan katılımcıyı burada çözüyoruz. Yerel ortamı açılmayan katılımcı Claude Code’un bulut oturumundan devam ediyor. 09.30’da herkes aynı noktadan başlıyor.

Açılış: Yeni zihinsel model

Bu bölüm, günün geri kalanındaki her davranışı yöneten çerçeveyi kuruyor. Yazılımcı olmayı değil, ürün sahibi ve denetleyici olmayı öğreniyorsun.

• Vibe coding spektrumu: program “akıntıya bırak” ucunu değil, disiplinli ajan yönetimini öğretiyor
• Üç döngü modeli: iç döngü (prompt, değişiklik, doğrulama), orta döngü (spec, plan, kilometre taşı), dış döngü (ürün, kullanıcı, tekrar)
• Neden Claude Code: kod kendi deponda yaşıyor, platform kilidi yok, öğrendiğin her şey birikiyor
• Günün sözleşmesi: 16.30’da herkesin bir URL’si olacak

Modül 1: Ajanın anatomisi ve çekirdek döngü

Claude Code sohbet robotu değil, “oku, öner, uygula, gözle, yinele” döngüsüyle çalışan bir ortam. Canlı örnekle gösteriyoruz.

• Bağlam penceresi kıt kaynak: /clear alışkanlığı ve “iki başarısız düzeltmeden sonra temiz oturum” kuralı
• Plan modu: kapsamı belirsiz her işte önce plan, sonra dokunuş
• CLAUDE.md: /init ile üretilen, kısa tutulan proje hafızası
• İyi prompt’un üç parçası: kapsam, kaynak ve kabul kriteri

Lab 1: 35 dakikada çalışan yazılım

Herkes aynı brief’le başlıyor. Amaç ürün değil, döngünün kas hafızasına girmesi. En sık düşülen çukur, planı okumadan onaylamak. Mentörler bunu gün boyu kovalıyor.

• Depoyu klonluyor, /init ile açılıyor, brief’i plan modunda verip planı okuyarak onaylıyorsun
• Uygulamayı tarayıcıda çalıştırıyor, çıktının matematiğini elle doğrulatıyor, ilk commit’ini atıyorsun
• Yıldızlı hedef: bir görsel ayrıntıyı değiştirtmek
• Bitti tanımı: yerelde çalışan uygulama, doğrulanmış hesap, ilk commit

Kahve molası

Modül 2: Spec ve bağlam mühendisliği

“Sadece prompt’lamak” bir yerden sonra platoya çarpıyor. Platoyu, niyetini yazıya dökerek aşıyorsun.

• Mülakat deseni: fikri bir cümleyle verip ajandan seni zor sorularla mülakata çekmesini ve SPEC.md yazmasını istiyorsun
• Spec’in anatomisi: problem, kullanıcı, kapsam ve kapsam dışı listesi (bir günlük üründe ürünün kendisinden uzun olur)
• Doğrulama-öncelikli plan: her kilometre taşının sonunda ajanın kendisinin çalıştırabileceği bir kontrol
• Günün kuralı: kanıt göster, iddia etme

Lab 2: Fikirden spec’e, spec’ten ilk kilometre taşına

Gün-projeni seçiyorsun: kendi fikrin ya da üç hazır arketipten biri. Kısıtlar mutlak: auth yok, sunucu veritabanı yok, ödeme yok. Kalıcılık gerekiyorsa localStorage kullanıyorsun.

• Arketipler: niş hesaplayıcı veya üretici, etkileşimli içerik ürünü, kendi tekrarlayan sorununu çözen araç
• 15 dakikalık mülakatla SPEC.md, ardından kilometre taşlarına bölünmüş PLAN.md
• Temiz oturumda birinci kilometre taşını inşa edip commit atıyorsun
• Bitti tanımı: SPEC.md, PLAN.md, çalışan birinci kilometre taşı ve commit

Sabah senkronu

Herkes commit atıyor ve ürününü 60 saniye komşusuna gösteriyor. Geride kalan, mentör eşliğinde checkpoint’e atlayıp akışa dönüyor. Utanma yok. Mimariyi bunun için kurduk.

Öğle arası

Fiziksel katılımcılara Space’de öğle yemeği. Mentörler arayı, takılanlar için kurtarma penceresi olarak kullanıyor.

Modül 3: Zevk mühendisliği

Yapay zekâ arayüzleri ortalamaya yakınsıyor: aynı degrade, aynı “üretilmiş” görünüm. Çözüm estetik yetenek gerektirmiyor. Zevkini sayılara ve kurallara dökmeyi öğreniyorsun.

• Token sözlüğü: tip ölçeği, boşluk sistemi, renk paleti, köşe ve gölge dili, hareket ölçüsü
• design.md: token’ları, ses tonunu ve en az onlar kadar önemli yasaklar listesini taşıyan zevk sözleşmesi
• Görsel doğrulama döngüsü: ekran görüntüsü verip Playwright MCP ile ajanın kendi işine bakmasını sağlıyorsun
• Kapanışta Figma MCP: tasarımdan koda, koddan Figma’ya çift yönlü köprü

Lab 3: design.md ve görsel doğrulama döngüsü

“Daha güzel yap” bugün yasaklı prompt. Sıfat yerine token, izlenim yerine fark listesi veriyorsun. Kontrast ve mobil görünüm pazarlık dışı.

• Kendi ürünün için design.md: en az 5 token kararı ve 3 yasak
• Arayüzü sözleşmeye göre ajana yeniden düzenletiyorsun
• Bir tam ekran görüntüsü eleştiri turu ve mobil geçiş (yıldızlı hedef: ikinci tur)
• Bitti tanımı: commit’lenmiş design.md, öncesi-sonrası ekran görüntüsü çifti, mobilde kırılmayan görünüm

Kahve molası

Modül 4: Kendini çoğaltmak — dört kapının haritası

Ajanı kullanmaktan ajanı programlamaya geçiyorsun. İlke şu: her seans arkasında bir varlık bırakmalı. Buradan kapanışa kadar gün, kısa bloklarla ilerleyen arasız bir final sprinti.

• Skills: her seansta yeniden anlattığın her şey bir skill adayı
• Subagents: işi yapan zihin ile denetleyen zihin aynı olmamalı
• Hooks: “her düzenlemeden sonra lint” gibi garantileri tek satırla kurmak
• MCP: ajanın dünyaya açılan portu

Lab 4: Tek otomasyon varlığı

Lab 3’te elle yaptığın pratiği koda döküyorsun. Tek kural var: otomasyon, bugün yaşadığın bir soruna bağlanmak zorunda.

• design.md’ye karşı ekran görüntüsü eleştirisi yapan kendi tasarım-denetimi komutunu yazıyorsun
• Kendi tekrarlayan başka bir pratiğini kodlamak serbest
• Yıldızlı hedef: kod denetçisi bir subagent tanımlayıp bir bulgu düzelttirmek
• Bitti tanımı: commit’lenmiş ve çalıştığı gösterilmiş bir otomasyon

Modül 5: Sevkiyat ve sorumluluk

Modülün iki yarımı var: mekanik ve sorumluluk. “Çalışıyor” ile “yayınlanabilir” aynı şey değil. Bugünkü ürün sınıfını bilinçli olarak çizginin güvenli tarafında tuttuk.

• Son kilometre: git hijyeni, GitHub ve Vercel ile dakikalar içinde yayın
• Sır hijyeni: anahtarlar ortam değişkeninde yaşıyor, depoya ve istemci koduna girmiyor
• Yayın öncesi kontrol listesi: denetimi ajanın kendisine yaptırıyorsun
• Sınır çizgisi: auth, ödeme ve hassas veri gördüğün an profesyonel inceleme şart

Lab 5: Canlıya çıkış ve güvenlik denetimi

Günün sözleşmesi burada tamamlanıyor. Ürünün canlıya çıkıyor.

• Push, Vercel deploy ve canlı URL doğrulaması
• Claude’a kontrol listesiyle güvenlik denetimi yaptırıp bulguları kapattırıyorsun
• URL’ni topluluk kanalında paylaşıyorsun (yıldızlı hedef: basit bir analitik kurulumu)
• Bitti tanımı: yayında ve denetimden geçmiş ürün, paylaşılmış URL

Demo turu

45 saniyelik yıldırım format: URL, en zor an ve yarına kalan ilk iş. Diğer katılımcıların ne çıkardığını görmek günün en öğretici anlarından biri.

Kapanış: 30 günlük bileşik pratik

Gün bitiyor, pratik başlıyor.

• Kalibrasyon: bu yöntem yarın hangi işlere uyar (araçlar, prototipler, iç ürünler), hangilerine uymaz
• Günde 25 dakikalık üretim ritüeli ve her hafta bir pratiği skill’e damıtma alışkanlığı
• İki hafta içinde ürünü 10 gerçek kullanıcıya göstermek, toplulukta haftalık show-and-tell ritmine katılmak
• Ayrıntılar tek sayfalık basılı el notunda