
Kakapo partisi: Simon Willison kapanış slaytını Claude ve Playwright ile hazırladı
WeAreDevelopers konferansının kapanış slaytı için Simon Willison, Claude Opus 5.5'ten üç kakapo fotoğrafını piksel partisine dönüştürmesini istedi; Claude Code ile Playwright ise 15 saniyelik video kaydetti.
Simon Willison, WeAreDevelopers World Congress North America'daki konuşmasının kapanış slaydını yapay zeka yardımıyla hazırladı ve tüm süreci 26 Eylül 2026'da yayımladığı blog yazısında anlattı. Yazıda hem kullandığı istemi hem de kodu paylaştı.
Anlattığına göre sunumda akılda kalıcı bir an istiyordu ve Yeni Zelanda Doğa Koruma Bakanlığı'nın bildirdiği 2026'daki rekor kakapo üreme sezonuna gönderme yapmaya karar verdi. Claude Opus 5.5'in piksel animasyonlarındaki başarısı hakkında çok konuşulduğunu duymuştu, bu yüzden kapanış slaytını bunun üzerine kurdu.
Üç fotoğraftan HTML5 canvas'a
Animasyonun temeli için Willison Google Image Search'ten üç kakapo fotoğrafı topladı ve Claude'a kısa bir görev verdi: HTML5 canvas üzerinde, zıplayan kuşlar ve konfeti içeren, en az 20 kakapodan oluşan piksel bir parti animasyonu oluşturması. Konuşmanın dökümü herkese açık; sonuç ise tools.simonwillison.net/kakapo-party adresinde bağımsız bir sayfa olarak çalışıyor ve tıklamalar konfeti efektini tetikliyor.
Claude Code videoyu Playwright ile kaydetti
Animasyon sunuma web sayfası olarak eklenemediği için Willison HTML dosyasını indirdi ve yerel bir Claude Code oturumuna üç koşul verdi: dosyayı tarayıcıda açmak, konfeti efekti için birkaç kez tıklamak ve 15 saniyelik bir video kaydetmek. İlk üç saniyede tıklama yasaktı ve tıklamalar tıklanabilir alana dağıtılmalıydı. Claude Code, tarayıcı otomasyon kütüphanesi Playwright'ı kullandı ve kapanış slaytı için tam olarak gereken videoyu üretti.
Ortaya çıkan betik kısa: 1280×720 boyutunda, video kaydı açık bir pencere açıyor, üçüncü saniyeye kadar bekliyor, ardından 3,0 ile 13,2 saniye arasında canvas'ın merkezine, köşelerine ve kenarlarına on tıklama yapıyor ve oturumu 16. saniyede kapatıyor. Yazıda dökümün yanı sıra betiğin tamamı da yer alıyor.
Bu iş akışı ne gösteriyor
Örnek, yapay zeka araçlarının mevcut bir üretim sürecini değiştirmek yerine ona nasıl eklendiğini gösteriyor: konuyu, fotoğrafları ve koşulları bir insan seçti, sonucu yine o değerlendirdi; animasyonu ve tarayıcı kontrolünü ise modeller üstlendi. Eskiden elle ekran kaydı gerektiren video çekimi, sayfayı kendi başına kullanabilen bir ajan için tek bir talimata dönüştü.
SiTech — AI destekli web geliştirme
Hızlı ve modern web siteleri kuruyor, AI'yı gerçek iş akışlarına taşıyoruz. Projeniz veya sorunuz mu var? Yardımcı olmaktan mutluluk duyarız.