Anthropic'in Fable 5'i: Ekran Görüntüsünden Çalışan Kod
Bir UI tasarımı gördüğünde aklındaki ilk soru genellikle şu olur: "Bu layout nasıl yazılmış?" Cevabı bulmak için ya DevTools'u açarsın ya da sıfırdan tahmin ederek kodu yazarsın. İkisi de zaman kaybı.
Fable 5 bu adımı atlıyor.
Ekran Görüntüsü Girdi, Kaynak Kod Çıktı
Fable 5, bir sitenin ekran görüntüsünü alıp kaynak kodunu çıkarabiliyor. Yani bir arayüz gördüğünde, o arayüzün nasıl yazıldığını doğrudan üretiyor.
Bu mekanizmanın frontend prototipleme için pratik karşılığı şu: bir referans site buldun, beğendin, uyarlamak istiyorsun. Normalde component'ları tek tek analiz eder, spacing'i tahmin eder, markup'ı elle yazarsın. Fable 5'te screenshot ver, kod al.
Benchmark Performansı Ne Diyor?
Anthropic, Fable 5'in testlerde tüm rakip modelleri geride bıraktığını açıkladı.
Kaynak spesifik rakam vermediği için hangi benchmark, kaç puanlık fark, hangi kategoride lider olduğunu söylemek mümkün değil. Ama "tüm rakip modeller" ifadesi Anthropic'in kendi iddiası; doğrulama testleri büyük ihtimalle yakında gelecek.
Vision-to-Code Neden Önemli Bir Yetenek
Dil modellerinin kod üretmesi zaten mevcut bir yetenek. Fark şu: Fable 5 bunu görsel girdiyle yapıyor.
Vision-to-code pipeline'ı, modelin bir arayüzü "okuyup" HTML/CSS/JS eşdeğerini çıkarması anlamına geliyor. Bu, modelin layout hiyerarşisini, renk değerlerini, component sınırlarını görüntüden çıkarmasını gerektiriyor; sadece metin talimatına göre kod yazmaktan farklı bir süreç.
UI prototipleme için bu yeteneğin en doğrudan kullanım alanı: rakip siteleri veya Figma ekran görüntülerini hızlıca çalışan koda dönüştürmek.
Ben bu özelliği duyunca aklıma ilk gelen şey şu oldu: elimde onlarca referans screenshot birikmiş, hepsini "ileride incelerim" klasörüne atmışım. Fable 5 o klasörü doğrudan çalışan koda çevirebiliyorsa, o klasör artık backlog değil, başlangıç noktası.
Top comments (0)