HyperShots: App Store ekran görüntülerini AI değil CSS ile piksel piksel üretiyor
HyperShots, App Store ekran görüntülerini AI yerine CSS ve headless Chrome ile piksel piksel üreterek Apple'ın reddetme nedenlerini ortadan kaldırıyor.
Görsel üretim modelleri (GPT Image, nano banana) estetik açıdan etkileyici App Store ekran görüntüleri üretebiliyor, ama Apple bunları sık sık reddediyor: yanlış canvas boyutları, bozuk metinler, gerçek cihazlara uymayan çerçeveler. Sorunun kaynağı basit: cihaz çerçeveleri ve piksel boyutları geometridir, geometri de aritmetiktir — difüzyon modelleri istatistiksel yaklaşım yapar, tam sayı hedef tutturamaz.
Buna karşılık geliştirici, işi ikiye bölüp Claude Code ve Codex için açık kaynak bir 'skill' olarak yayınladı: HyperShots. Belirleyici yarıda ajan, sabit cihaz en-boy oranına sahip düz HTML/CSS panelleri tasarlıyor; headless Chrome bunları mağaza için gereken tam piksel boyutunda (ör. 1290×2796) render ediyor; bir doğrulayıcı ise Apple'ın gerçekten reddettiği her şeyi -boyut, alfa kanalı, ICC profili, panel sayısı, dosya boyutu- kontrol ediyor.
Opsiyonel üretken katman, fal.ai üzerinden çıkartma tarzı görseller ve tüm sete uygulanan bir 'makeover' geçişi sunuyor; maske + yeniden birleştirme adımı sayesinde metin ve çerçeveler temiz render'dan geri yükleniyor, yani model asla kendi tipografinizi göndermiyor. Yerelleştirme de tek komutla; eksik anahtarlar hataya, uzun diller otomatik küçülen başlıklara yol açıyor.
İki üretim uygulaması şimdiden bu araçla mağazaya çıktı; proje MIT lisanslı, npx ile kuruluyor ve belirleyici yarı hiçbir API anahtarı gerektirmiyor. iPad desteği ve RTL/CJK yazı tipleri henüz yol haritasında.