GitHub Copilot Canvas ile Etkileşimli Deneyimler
Ajanlarla çalışmak artık çoğu geliştiricinin günlük rutininin bir parçası. Bir sohbet penceresi üzerinden fikir keşfetmek, iş akışlarını otomatikleştirmek ve projeleri planlamak birçok senaryoda yeterli oluyor. Ancak her görev sohbet formatına uygun düşmüyor. Bazı işlerde bilgiyi görmek, doğrudan üzerinde tıklamak ve düzenlemek çok daha verimli. İşte GitHub Copilot app içindeki canvas uzantıları tam bu noktada devreye giriyor: uzun bir istem ve yanıt zinciriyle uğraşmak yerine, bilgiyle gözünüzün önünde görsel olarak etkileşim kurmanıza olanak veriyor.
Canvas Nedir?
Canvas, GitHub Copilot app içinde geliştiricilerin ve ajanların gerçek zamanlı olarak birlikte çalışabildiği paylaşılan bir arayüzdür. Bu paylaşılan, etkileşimli yüzeylere canvas extensions (canvas uzantıları) adı verilir. Copilot app’in bir uzantısı olarak çalışan bu yüzeyler, ajanın iş yaparken güncelleyebildiği, sizin de tıklama, düzenleme ve diğer eylemlerle üzerine müdahale edebildiğiniz bir çalışma alanı sunar.
Etkileşimleriniz iki farklı yolla değerlendirilebilir: canvas üzerindeki aksiyonlarınız ya ajanlara geri gönderilir ya da canvas tarafından yerel olarak işlenir. Deneyim sabit değildir; Copilot’a canvas üzerinde iterasyon yapmasını, yeni işlev eklemesini ya da mevcut özellikleri iyileştirmesini isteyebilirsiniz. Böylece canvas, iş akışınızla birlikte evrilebilir.
Canvas Nasıl Oluşturulur?
Yeni bir canvas oluşturmak için GitHub Copilot app’teki ajan oturumunuzda /create-canvas komutunu kullanmanız yeterli. Ardından ne yapmasını istediğinizi ve hangi yetenekleri desteklemesi gerektiğini kısaca tarif ediyorsunuz. Canvas’lar bir istemden üretildiği ve iş akışınızla birlikte geliştiği için ortaya çıkan sonuç oldukça çeşitlidir: kimi bilgiyi görselleştirir, kimi aksiyon almanızı sağlar, kimi ise rutin backlog işlerini daha eğlenceli bir deneyime dönüştürür.
Canvas Uzantılarıyla Örnek Kullanım Senaryoları
Issue Triage Yardımcısı
Amaç: Bir depodaki GitHub Issue’larını hızlı ve görsel biçimde önceliklendirmek.
İstem:/create-canvas Create an interface that allows me to easily swipe through issues in a repo in card format. Can swipe right to ship, left to reject.
Sonuç: Canvas, her issue’nun tek tek gösterildiği kart tabanlı bir arayüz üretir. Doğrudan arayüz üzerinden aksiyon alabilirsiniz. Kartları kaydırdıkça canvas gerçek zamanlı güncellenir, verdiğiniz kararları takip eder ve öğeleri uygun kutulara taşır.
Etkileşimli Kod Tabanı Diyagramı
Amaç: Bir projenin nasıl yapılandığını ve bileşenlerinin birbirleriyle ilişkisini görselleştirmek.
İstem:/create-canvas Render a colorful, interactive diagram showing how the code in this project is working together, show how things are related, etc.
Sonuç: Canvas, kod tabanının dinamik bir diyagramını üretir; her düğüm sistemin farklı bir bölümünü temsil eder. Katmanları keşfetmek için üzerine gelme, sürükleme ve filtreleme yapabilirsiniz. Böylece statik bir kod tabanı anlayışı, aktif olarak keşfedilebilen bir yapıya dönüşür.
Sessions Worktree Görünümü
Amaç: Aktif tüm GitHub Copilot app oturumlarını ve bunlara bağlı git worktree’lerini görselleştirmek; hangilerinin aktif hangilerinin bayat olduğunu net biçimde göstermek ve gerektiğinde kolayca temizlemek.
İstem:/create-canvas Create a worktree view that will help me see all of my current sessions and whether or not they are active or orphaned. Allow me to clean them up with a few clicks where needed
Sonuç: Canvas, worktree’leri görsel olarak listeler; hangisinin aktif, hangisinin bayat ya da sahipsiz olduğunu net biçimde belirtir. Bayat worktree’leri tek tıkla temizleyebilirsiniz.
Ajan İstem Koçu
Amaç: Geçmiş etkileşimleri gözden geçirerek istem kalitesini artırmak ve ajanlarla daha etkili çalışmak için öneriler sunmak.
İstem:/create-canvas Create an interactive prompt coach that suggests to you how you could have improved your previous prompts in your sessions with skills, mcp servers, etc. Make note of any spelling errors, syntax errors, etc.
Sonuç: Canvas, önceki istemlerinizin bir listesini gösterir ve her birini analiz eder; eksik bağlam, yazım hataları gibi noktalarda iyileştirme önerileri sunar. Bu ipuçlarını kullanarak gelecekteki istemlerinizi netleştirebilir, ajandan daha tutarlı sonuçlar alabilirsiniz.
Bilgi Bulucu
Amaç: Belirli bir dosya veya konu hakkında bağlamı olan kişileri Slack, Teams, e-posta ve dokümantasyon üzerinde arayarak bulmak.
İstem:/create-canvas Create a way that I can search across Slack, Teams, Email and docs to find people with knowledge of a specific file or someone that would have more context.
Sonuç: Canvas, birden fazla araç üzerinde arama yaparak belirli bir dosya veya konuya en çok bağlı olan kişileri yüzeye çıkarır. Kişinin kim olduğunu ve bağlantının nerede bulunduğunu vurgular. Böylece bir kişinin konuyla ilişkisini hızlıca anlayabilir, daha fazla bilgi için kolayca iletişime geçebilirsiniz.
Neden Canvas?
Bu örnekler canvas uzantılarıyla yapılabileceklerin yalnızca yüzeyine dokunuyor. Canvas’lar, yapay zekâyı sohbet odaklı bir araç olmaktan çıkarıp bilgiyi görselleştirdiğiniz, farklı iş akışlarını keşfettiğiniz ve sıkıcı görevleri gerçekten tamamlamak isteyeceğiniz deneyimlere dönüştürdüğünüz bir alan hâline getiriyor. Siz ve ajanın birlikte düşünüp keşfedebileceği ve aksiyon alabileceği paylaşılan bir çalışma alanı sunuyorlar.
Nasıl Başlanır?
Canvas uzantılarını denemek isteyenler için başlangıç noktası GitHub Copilot app. Ajan oturumunda /create-canvas komutunu çalıştırıp ne istediğinizi tarif ederek kendi paylaşılan çalışma yüzeyinizi oluşturmaya başlayabilirsiniz.
Kaynaklar ve İleri Okuma
- How to build interactive experiences with canvases – The GitHub Blog
- Working with canvas extensions – GitHub Docs
- GitHub Copilot app
- GitHub Copilot app: Ajanlarla Çalışmanın Yeni Düzeni
- GitHub Copilot app now available in the usage metrics API
20+ yıl deneyimli Azure Solutions Architect. Microsoft sertifikalı bulut mimari ve DevOps danışmanı. Azure, yapay zekâ ve bulut teknolojileri üzerine Türkçe teknik içerikler üretiyor.
3 comments