Ders 3 / 3
Yapay Zeka ile Konuşarak Proje Geliştirme | ChatGPT ile Master Prompt, Claude ile Mind Map
Birlikte ilerleyin
Proje fikrini ChatGPT'ye sesli olarak anlat
ChatGPT'nin sesli konuşma modunu açıp projeyi bir insana anlatır gibi anlatıyoruz: hangi sayfalar olacak, hangi WordPress teması ve eklentiler kullanılacak, site nasıl kurulacak ve Claude hangi sırayla çalışacak. Her şeyin ilk seferde net olması gerekmiyor; eksikleri konuşarak buluyoruz.
Konuşmayı Master Prompt'a dönüştür
ChatGPT konuşmayı analiz edip düzenliyor, eksik noktaları tamamlıyor ve Claude'un kullanabileceği profesyonel bir Master Prompt hazırlıyor. Çıkan metni okuyup gerekirse düzeltiyoruz.
Master Prompt'u Claude'a ver ve Mind Map'i oluştur
Claude'a doğrudan "siteyi yap" demiyoruz. Önce projenin tamamını FB Mind Map eklentisi içinde oluşturmasını istiyoruz: proje planı, yol haritası, Master Prompt'un tamamı, çalışma talimatları, uygulama kontrol listesi ve proje hafızası tek haritada toplanıyor.
Mind Map'i incele ve onayla
Harita yeni bir yapay zeka oturumunda projeye devam etmemizi sağlayan hafıza olacak. Dalları kontrol edip eksik varsa tamamlıyoruz; harita onaylanmadan hiçbir WordPress işi başlamıyor.
HTML mockup hazırlat
Claude gerçek WordPress sitesine dokunmadan Anasayfa, Hakkımızda, Hizmetler, Galeri, Blog ve İletişim gibi bütün temel sayfaların HTML mockup tasarımını hazırlıyor. Nasıl görüneceğini önceden görüyoruz.
Ana onay noktası: mockup'ı onayla
İnsan kontrolünü kaldırmıyoruz. Claude mockup'ı hazırladıktan sonra duruyor ve bizden onay istiyor. Onay gelmeden WordPress kurulumuna geçmiyor.
WordPress kurulumu: yedek, tema, eklentiler
Onaydan sonra Claude Mind Map'teki plana göre ilerliyor: önce WPvivid kurulup başlangıç yedeği alınıyor, ardından ücretsiz Kadence teması ve Elementor Free kuruluyor.
Sayfalar, menü ve tasarımın siteye aktarılması
WordPress sayfaları oluşturuluyor, ana menü WordPress'in kendi menü sistemiyle hazırlanıyor ve onayladığımız tasarım Elementor ile — gerektiği yerlerde HTML Widget kullanılarak — gerçek siteye aktarılıyor.
Mobil uyumluluk, kalite kontrolü ve son yedek
En sonunda mobil uyumluluk ve kalite kontrolü yapılıyor ve WPvivid ile tamamlanmış sitenin yeni bir yedeği alınıyor. Elimizde artık tekrar kullanılabilir bir sistem var: Konuşma → Planlama → Master Prompt → Mind Map → Mockup → Onay → WordPress Uygulaması.
Bu ders hakkında
Bu derste yapay zekayı sadece soru sormak veya birkaç satır kod yazdırmak için değil, gerçek bir projeyi baştan sona planlamak ve geliştirmek için nasıl kullanabileceğinizi gösteriyorum. Üstelik bu kez uzun uzun prompt yazmak yerine ChatGPT ile canlı olarak konuşuyoruz.
Kafamdaki proje fikrini normal bir insana anlatır gibi ChatGPT’ye anlatıyorum. ChatGPT söylediklerimi düzenliyor, eksik noktaları tamamlamama yardımcı oluyor ve bunları Claude’un kullanabileceği profesyonel bir Master Prompt‘a dönüştürüyor. Örnek projemiz bir oto servis ve araç bakım web sitesi — ama dersin asıl konusu oto servis sitesi yapmak değil; yapay zeka ile konuşarak bir yazılım projesinin nasıl planlanabileceği ve bu konuşmanın gerçek bir geliştirme sürecine nasıl dönüştürülebileceği.
Serinin ilk iki bölümünde neden mind map kullandığımızı konuşmuş ve WordPress panelinde kendi Mind Map eklentimizi geliştirmiştik. Bu bölümde o eklentiyi gerçek bir projenin planı, yol haritası, Master Prompt’u, çalışma talimatları, kontrol listesi ve proje hafızası olarak kullanıyoruz. Claude’a doğrudan “web sitesini yap” demiyoruz: önce projenin tamamını Mind Map içinde oluşturmasını istiyoruz, sonra gerçek WordPress sitesine dokunmadan HTML mockup hazırlıyor, onayımızı bekliyor ve ancak onaydan sonra Mind Map’teki plana göre WordPress kurulumuna geçiyor.
Bu derste:
✅ ChatGPT ile sesli konuşarak proje fikrini anlatma ve yapılandırma
✅ Konuşmadan Claude için profesyonel bir Master Prompt çıkarma
✅ Master Prompt’u ve tüm planı Mind Map’e aktarma — proje hafızası oluşturma
✅ Yeni bir yapay zeka oturumunda projeye Mind Map’ten devam etme
✅ WordPress’e dokunmadan önce HTML mockup hazırlatma
✅ İnsan onay noktası: mockup’ı onaylamadan ileri gitmeme kuralı
✅ WPvivid yedeği → Kadence teması → Elementor Free → sayfalar ve menü → tasarımın siteye aktarılması
✅ Mobil uyumluluk, kalite kontrolü ve tamamlanmış sitenin yedeği
Dersin sonunda elimizde henüz tamamlanmış bir web sitesi olmak zorunda değil; ama çok daha önemli bir şeyimiz olacak: yapay zekanın anlayabileceği, takip edebileceği ve daha sonra uygulayabileceği eksiksiz bir proje planı. Yani fikirden başlayıp Konuşma → Planlama → Master Prompt → Mind Map → Mockup → Onay → WordPress Uygulaması şeklinde ilerleyen, tekrar kullanılabilir bir yapay zeka geliştirme sistemi kuruyoruz.
Bu sistemi sadece oto servis sitesi için düşünmeyin. Bir müşteri web sitesi, WordPress eklentisi, şirket içi sistem, otomasyon veya farklı bir yazılım projesi geliştirirken de aynı mantığı kullanabilirsiniz. Yapay zekaya sadece kod yazdırmak yerine onu proje geliştirme sürecinin bir parçası haline getiriyoruz.
Başlamadan önce
- Serinin 1. bölümü "Neden Mind Map Kullanmalıyız" ve 2. bölümü "WordPress Panelinde Mind Map Eklentisi Geliştirdim" izlenmiş olmalı
- Kurulu ve çalışan bir WordPress sitesi (yerelde XAMPP/Local ya da gerçek bir hosting üzerinde) ve bu sitede yönetici (administrator) yetkisi
- FB Mind Map eklentisi kurulu (Downloads bölümünden indirebilirsiniz)
- Sesli konuşma özelliği açık bir ChatGPT hesabı (mikrofon gerekir)
- Bir Claude hesabı — ben Claude Code / Cowork kullandım; WordPress'e erişebilen başka bir yapay zeka aracı da olur
- Kafanızda kabaca bir proje fikri — tam net olması gerekmiyor, eksikleri konuşarak birlikte tamamlıyoruz
FB Software SolutionsDersVideolar ücretsiz. Hesap; dosyaları, promptları ve nerede kaldığını açar.