VS Code'de Yapay Zekayı Daha İyi Kullanma: Uyarı Dosyaları ile

Prompt Dosyalarının Önemi

0:00'da Tim, "AI ile bir istem dosyası kullanmak deneyimi sadece tamamdan harikaya taşıyabilir." der. Bir istem dosyası, AI modeline nasıl düşüneceğini, nasıl ilerleyeceğini ve kullanıcı isteğine nasıl yanıt vereceğini öğretir. Tim, Microsoft'tan Burke Holland'ın "Beast Mode" dosyasıyla bağlantı kuruyor; bu, büyük bir sistem şablonu olarak davranan ana bir istem dosyasıdır. Bunu kullanarak geliştiriciler tekrarlayan talimatları azaltabilir, hataları azaltabilir ve VS Code içinde daha öngörülebilir oluşturulmuş kod elde edebilirler.

Tim bunu bir tür istem mühendisliği olarak çerçeveliyor: sohbet görünümünde veya etkinlik çubuğundaki AI Toolkit simgesi üzerinde kısa bir kullanıcı komutu yazdığınızda, AI'ın kodlama tarzınızı ve tercih edilen proje yapınızı önceden bildiği yeniden kullanılabilir bir talimat seti oluşturuyorsunuz.

Tim'in Geliştirici Kaynakları

Aracı göstermeden önce Tim (0:27), sunduğu ücretsiz ve ücretli kaynakları özetliyor — dokuz tam kurs artı iamtimcorey.com üzerinde onuncusu ve geliştiricilerin sorularını yanıtlayan bir podcast. Bunların geliştiricilere becerilerini geliştirmede ve daha iyi iş akışları oluşturmada yardımcı olmak için tasarlandığını vurguluyor. Bu, neden bir VS Code AI istem dosyasının önemli olduğunu açıklar: gündelik kodlama görevlerini iyileştirmek için modern uygulamaların bir parçasıdır.

VS Code'da Beast Mode'u Ayarlama

1:22'de Tim, VS Code'un araçlar bölümüne geçiyor. Beast Mode'u zaten yüklemiş ve "modları yapılandır" altında seçmiş. Yapılandırıcı araçlar görünümünü açabileceğinizi, model kataloğundaki modelleri gözden geçirebileceğinizi ve yeni bir özel mod oluşturabileceğinizi anlatıyor. Kendi örneğinde, Ekle Komutu'na tıklayabilir, "GitHub Sohbet Modları" gibi bir ad verebilir ve dosya içeriğini yapıştırabilirsiniz (1:34). Bu, özel sistem komutunu kaydeder; böylece her zaman çalışma alanınızda hazır olur.

Tim'in kurulumunda, yerel veya bulut modellerinin kendi istem talimatlarınızla birleştirilebileceğini gösteriyor. Her şey, VS Code ana klasörünüzde veya başka bir klasörde düzenli biçimde duruyor; bu da daha sonra tekrar kullanımı kolaylaştırıyor.

Gerçek Bir Projede Yapay Zeka Kullanma

2:03'ten itibaren Tim, yapay zekayı kendi VS Code çalışma alanında barındırılan gerçek bir web sitesi projesinde gösteriyor. "Öğrenme Yolları" bölümü için kodu açıyor — temelde Python/React destekli bir site — ve uygulama gezinme menüsünü gösteriyor. Fare üzerine gelindiğinde küçük bir animasyon eklemek için ok simgesini değiştirmek istiyor (3:21).

Bu, tipik bir geliştirici senaryosudur: ön uç kodunuz vardır, bir yapay zeka aracının sizin için CSS'yi oluşturmasını istersiniz ve her ayrıntıyı elle yazmak istemezsiniz. Zaten bir istem dosyası yüklüyken, kullanıcı komutunuz kısa olabilir ve yapay zeka bağlamı dolduracaktır.

Yapay Zeka Komutunu Hazırlama

3:38'de Tim, ok simgesini gösteren bir ekran görüntüsü yakalamak için Windows Kesme Aracı'nı (Windows+Shift+S) kullanıyor (3:45). Bu görsel bağlam yapay zekaya yardımcı olur. Daha sonra 4:43'te doğal bir komut giriyor:

"Öğrenme yolunun altında gezinme menümde, fare üzerine getirildiğinde oku 30°'den yatay hâle çevir ve fare çekildiğinde eski hâline getir. İşte şu an nasıl göründüğüne dair bir ekran görüntüsü."

Tim, daha sonra CSS'yi nereye koyacağını belirtebileceğini, ancak Beast Mode'un işlevselliğini test etmek için bu komutla başladığını belirtiyor.

Beast Mode'un Planı

6:00'da Tim, Beast Mode'un bir eylem planı sunduğunu açıklıyor: doğru seçiciyi belirle, bir CSS sınıfı ekle, bir üzerine gelme efekti ekle, ardından test et ve doğrula. Hatta CSS'yi doğru site.css dosyasına koyuyor (6:42). Bu, istem dosyanızdaki önceden tanımlanmış bir şemanın — stillerin nereye gideceğine dair kuralların — yapay zekanın yanıtını nasıl yönlendirdiğini gösteriyor.

Tim, bir istem dosyası kullanmanın "büyük bir avantaj" olduğunu düşünüyor: bu, yapay zekanın projenizin yapısını biliyor gibi çalışmasını sağlar; böylece her seferinde tam açıklamayı tekrarlamak zorunda kalmazsınız.

Yineleme ve İyileştirme

6:54'te Tim siteyi kontrol ettiğinde, oluşturulan kod yalnızca bir oku ve yanlış yönde etkiliyor. Daha sonra tüm okları etkileyen hover efektini düzeltmek için 7:29'da komutu iyileştiriyor.

8:49'da artık tüm okların aynı anda döndüğünü fark ediyor. Bu yüzden 9:06'da yapay zekaya yalnızca üzerine gelinen öğeye efekt uygulanmasını söyleyen yeni bir kullanıcı komutu gönderiyor. Tim şu yorumu yapıyor: "Bir yapay zekayı ince ayarlamanız gerekir. Her zaman ilk seferinde doğru olmaz."

Bu, sohbet görünümünde istem mühendisliğinin güzel bir örneğidir. Yapay zeka istediğiniz yapıda bir çıktı üretene kadar komutlarınızı düzenler, tekrar eder ve kaydedersiniz. İstem dosyası zaten sistem komutunu sağladığından her yeni talimat yalnızca küçük bir iyileştirmedir.

Sonuç

9:52'ye kadar Tim, animasyonun artık ok başına çalıştığını onaylar: fare üzerine gelindiğinde döner, fare çekildiğinde eski hâline gelir. Açık veya koyu temaya geçebileceğinizi, renkleri değiştirebileceğinizi, geçişi yavaşlatabileceğinizi — ne isterseniz yapabileceğinizi belirtiyor (10:02). Anahtar nokta, yapay zekanın SVG dönüşümünü çözmesi ve CSS'yi kendisi yazmasıdır (10:11).

Tim 10:30-11:20 arasında Beast Mode'u genişletebileceğinizi veya kendi istem dosyanızı oluşturabileceğinizi, dosyaları nasıl düzenlediğinizi, kod biçimlendirmeyi nasıl yönettiğinizi veya bir Python işlevini nasıl çağıracağınızı tanımlamak için kullanabileceğinizi açıklıyor. Böylece günlük komutlarınız çok daha kısa olabilir ve yine de tutarlı yanıtlar alabilirsiniz.

Yapay Zeka Çıktısını İnceleme

11:50'de Tim, yapay zekanın yaptığı değişiklikleri her zaman gözden geçirmeniz gerektiği konusunda uyarıyor. Güvenli bir istem dosyası ve iyi uygulamalarla bile, bir yapay zekanın yanlış yere bir sınıf eklemesi veya gerekli bağımlılıkları bozması mümkündür. Kendi örneğinde yapay zeka yalnızca küçük ve mantıklı değişiklikler yaptı — burada bir CSS sınıfı ekleme, orada bir kod satırı ekleme — ama geliştiriciler yine de değişiklikler günlüğünü kontrol etmeli ve gerekirse düzeltme yapmalıdır.

Tim, beğendiğiniz bir sonuç elde ettiğinizde onu kaydedip yeniden kullanabileceğinizi belirterek bitiriyor. Bu, VS Code içinde yapay zeka modelleri ve istem dosyaları kullanmanın özüdür: rastgele komut vermeyi güvenilir bir SDK benzeri deneyime dönüştüren tekrarlanabilir, tutarlı bir iş akışı.

Tim Corey'nin Demo Çıktıları

videoda Tim Corey'nin adım adım rehberini izlemek, Visual Studio Code içinde iyi tasarlanmış bir istem dosyasının nasıl:

• Yapay zeka modellerine tutarlı bir bağlam sağlayarak komutlarınızın daha kısa olmasına imkân tanıdığını,

• Otomatik olarak oluşturulan kodları, yapılandırılmış çıktıları ve biçimlendirmeyi yönettiğini,

• Çalışma alanınıza, etkinlik çubuğunuza ve AI Toolkit'e entegre edilerek komutları kolayca açıp, test edip, iyileştirebildiğinizi,

• Modellere göz atmanıza, yerel modeller veya bulut arasında geçiş yapmanıza ve istem mühendisliği kurallarınızı sorunsuz biçimde uygulamanıza olanak sağladığını

görmek için idealdir.

Kurallarınızı bir istem dosyasında saklayarak, yapay zekaya güvenilir bir ajan betiği verirsiniz ve aynı talimatları tekrarlamak yerine daha yüksek seviyedeki geliştirme görevlerine odaklanabilirsiniz.