Claude ile vibe coding: Claude sohbeti, Claude Code ve Claude'dan uygulama yapmak

Claude ile vibe coding üç şekilde çalışır. Claude sohbeti küçük tek sayfalık uygulamaları doğrudan konuşmanın içinde inşa eder. Claude Code, makinenizde ya da bulutta gerçek bir projeyi düzenleyen, kod tabanıyla rahat olan kişiler için bir ajandır. Claude ve MCP üzerinden bir uygulama oluşturucu ise Claude konuşmasından ayrılmadan veritabanlı tam yığın bir uygulamayı inşa etmenizi, önizlemenizi ve yayınlamanızı sağlar. Hangisinin uyduğu, neyi inşa ettiğinize ve kurulumun ne kadarını kendinizin yönetmek istediğinize bağlıdır.

Bu rehber üçünü de, promptları ve her birinin sınırlarıyla birlikte anlatır. Tüm bunların arkasındaki fikir için vibe coding nedir sayfasına bakın.

Seçenek 1: Küçük araçlar için Claude sohbeti

Normal Claude uygulamasında etkileşimli bir şey isteyebilirsiniz; Claude bunu konuşmanın hemen yanında çalışan kod olarak yazar: bir hesap makinesi, bir kartlı tekrar aracı, küçük bir oyun, yapıştırdığınız verilerden bir grafik. Bir yanıt vererek değiştirirsiniz.

Burada iyi bir prompt kendi kendine yeterlidir:

Bir gider listesi yapıştırdığım etkileşimli bir araç yap (satır başına bir tane, "tutar, kategori") ve kategoriye göre bir pasta grafik ile toplamı göstersin. Hemen çalışsın diye bir örnek liste ekle.

En iyi olduğu durumlar: kendiniz kullandığınız ya da bağlantı olarak paylaştığınız hızlı, tek sayfalık araçlar ve her parçayı açıklamasını isteyebildiğiniz için öğrenme.

Nerede durduğu: bunlar Claude'un ortamında çalışır. Kendi kalıcı veritabanınız, kullanıcı hesaplarınız, özel alan adınız ya da bir sunucu çalıştıracak yeriniz yoktur. Bir fikir tek bir sayfayı aştığında sonraki iki seçeneklerden birine ihtiyacınız olur.

Seçenek 2: Gerçek bir kod tabanı için Claude Code

Claude Code, Anthropic'in kodlama ajanıdır. Terminalinizde, VS Code ve JetBrains gibi editörlerde, bir masaüstü uygulamasında ve web'de çalışır. Ona sade bir dille bir görev verirsiniz; projenizi okur, dosyaları düzenler, komutları ve testleri çalıştırır ve neyin değiştiğini gösterir. Bu yazının hazırlandığı tarihte Claude'un ücretli planlarına dahildir ve API üzerinden de kullanılabilir; güncel planlar için Anthropic'in sitesine bakın.

Tipik bir vibe coding oturumu şöyle görünür:

Mevcut kullanıcının rezervasyonlarını en yeniden eskiye doğru listeleyen bir /bookings sayfası ekle; dersten iki saatten az kala iptal düğmesi devre dışı kalsın. Mevcut kimlik doğrulama yardımcısını kullan. Bittiğinde testleri çalıştır.

En iyi olduğu durumlar: zaten bir projesi olan, yığının tamamının kontrolünü isteyen ve onu kendisi çalıştırıp yayınlamaktan memnuniyet duyan geliştiriciler ve teknik kurucular. Birçok dosyaya yayılan değişikliklerde ve bir kod tabanındaki mevcut kurallara uymakta güçlüdür.

Daha fazla iş gerektiren kısımlar: bir geliştirme ortamına ihtiyacınız vardır ve Claude Code hiçbir şeyi barındırmaz. Veritabanları, gizli bilgiler, yayınlama ve alan adları size aittir. Diğer geliştirici araçlarıyla karşılaştırma için Cursor vs Windsurf vs Claude Code sayfasına bakın.

Claude Code ile iyi çalışan alışkanlıklar

• Büyük değişikliklerden önce bir plan isteyin. "Dokunacağın adımları ve dosyaları özetle, sonra bekle."
• Bir proje not dosyası tutun. Claude Code kuralları için bir proje hafıza dosyası (CLAUDE.md) okur; böylece bunları tekrar etmeniz gerekmez.
• Farkı gözden geçirin. Vibe coding yaparken bile hassas alanlardaki değişikliklere göz atın: kimlik doğrulama, ödemeler, kullanıcı verisi içeren her şey.
• Sık commit yapın. Küçük commit'ler kötü bir adımı geri almayı kolaylaştırır.

Seçenek 3: Mythex ile Claude'dan inşa edip yayınlamak

Claude'da çalışmayı seviyorsanız ama sonunda gerçek bir uygulama istiyorsanız — veritabanı, girişler, dosya depolama, herkese açık bir URL — Claude'u MCP üzerinden bir yapay zeka uygulama oluşturucuya bağlayabilirsiniz. MCP, Claude'un başka yerlerde barındırılan araçları kullanmasını sağlayan protokoldür. (MCP nedir bunu sade bir dille açıklar.)

Mythex bir MCP sunucusu çalıştırır. Bağlandıktan sonra Claude bir Mythex projesi oluşturabilir, kodu özel bir bulut korumalı alanında yazabilir, canlı bir önizleme başlatabilir, bir veritabanı ve dosya depolama ekleyebilir ve uygulamayı yayınlayabilir. Her sonuç, projeyi Mythex'te canlı izlemek için bir bağlantı içerir.

Nasıl bağlanılır

1. Mythex'te Hesap ayarlarını açın ve MCP URL'sini kopyalayın: https://mcp.mythex.ai/mcp.
2. Claude'da Ayarlar → Bağlayıcılar → Özel bağlayıcı ekle yolunu izleyin, URL'yi yapıştırın ve Bağlan'a tıklayın.
3. Bir Mythex sayfası açılır. Gerekirse oturum açın ve Erişime izin ver'i seçin. Kopyalanacak bir API anahtarı yoktur.
4. Claude'a dönün ve istediğinizi isteyin.

Herkes her planda bağlanabilir; korumalı alan araçları Mythex Pro (ayda 25 dolar) gerektirir. Claude kullanımı Claude planınızda kalır; korumalı alan süresi, önizlemeler ve barındırma ise Mythex kredilerinizden gelir. Tam adım adım anlatım için Mythex uygulamalarını Claude, Cursor ya da Codex'ten yapmak yazısına bakın.

Denemek için ilk prompt

Mythex kullanarak yeni bir proje oluştur: küçük tasarım stüdyom için basit bir CRM. Ad, şirket, e-posta, telefon, aşama (potansiyel, aktif, geçmiş) ve notlarla kişiler. Aşamaya göre bir pano görünümü; kişileri sütunlar arasında sürükleyebileyim ve bir arama kutusu olsun. Verilerin kalıcı olması için bir veritabanı ekle, yalnızca benim görebilmem için bir giriş ekle. Önizlemeyi başlat ve çalışınca bağlantıyı bana gönder.

Sonra aynı konuşmada, her seferinde bir değişiklik yaparak ilerleyin:

Mythex projesinde kişilere bir "sonraki takip" tarihi ekle ve ana ekranda bu hafta takip tarihi gelen kişilerin bir listesini göster. Önizlemede kontrol et.

CRM'i yayınla ve bana canlı URL'yi ver.

En iyi olduğu durumlar: en iyi düşünen ama sonucun barındırılmasını, veritabanıyla birlikte ve sunucu kurmadan isteyen kişiler. Ayrıca geçiş yapabilirsiniz: Claude'da başlayıp Mythex sohbetinde devam edebilir ya da tersini yapabilirsiniz; çünkü aynı projedir.

Hangisini kullanmalısınız?

Claude ile daha da önemli olan prompt ipuçları

Claude ayrıntılı talimatları yakından izler; bu iki yönde de işler.

• Neyin değişmemesi gerektiğini söyleyin. "Yerleşimi ve renkleri koru; yalnızca form doğrulamasını değiştir."
• Bir bitirme tanımı verin. "Bitti demek, yeni bir kişinin kaydedilmesi, panoda görünmesi ve yenilemeden sonra kalması demektir."
• Kendi işini kontrol etmesini isteyin. Claude Code'da bu testleri çalıştırmak demektir; Mythex'te canlı önizlemeyi kontrol etmek ya da bir tarayıcı testi çalıştırmak demektir.
• Bir değişikliği takip edemediğinizde sade sözlerle açıklama isteyin. Uygulamanızın ne yaptığını öğrenmenin en hızlı yoludur.

Vibe coding prompt kopya kâğıdımız, üç kurulumun herhangi birinde çalışan 30 prompt içerir.

Üçü için de güvenlik notları

• Bir Claude konuşmasına gerçek API anahtarlarını ya da parolaları yapıştırmayın. Mythex'te gizli bilgiler projenin gizli bilgi ayarlarına girer; Claude adlarını görebilir ama değerlerini göremez.
• Yayınlamadan önce kimin neyi görebildiğini kontrol edin. "Giriş yapmış bir kullanıcı başka bir kullanıcının kayıtlarını açabilir mi?" sorulacak ilk sorudur.
• Hassas kodu gözden geçirin. Claude yetenekli bir kodlayıcıdır, ama vibe coding her satırı okumadığınız anlamına gelir; bu yüzden önemli satırları seçin. Vibe coding güvenli mi sayfasına bakın.

ChatGPT de kullanıyorsanız, yardımcı rehberimiz ChatGPT ve Codex ile vibe coding konusunu anlatır. Kurulumla hiç uğraşmak istemiyorsanız, yapay zeka uygulama oluşturucuyu açın ve uygulamanızı orada tarif edin.

Sorular