Show HN gönderileri için yapay zeka tasarım kalıplarını puanlama
(adriankrebs.ch)- Son dönemde Show HN gönderilerindeki artışla birlikte benzer izlenim veren açılış sayfaları tekrar tekrar görünmeye başladı; bunun üzerine en güncel 500 Show HN sayfası üzerinden ortak kalıplar puanlandı
- Puanlama ölçütleri fontlar, renkler, yerleşim ve CSS kalıplarına yayılan 15 maddeden oluşuyor; ortalanmış hero, VibeCode Purple, solda renkli kenarlık, shadcn/ui, Glassmorphism gibi öğeler buna dahil
- Tespit için sayfalar Playwright tabanlı headless browser ile yüklendi, ardından DOM ve hesaplanmış stiller okunarak analiz yapıldı; ekran görüntüsünü LLM'e yorumlatma yöntemi kullanılmadı
- Sonuçlar Heavy slop %21, Mild %46, Clean %33 olarak ayrıldı; tek bir kalıba bakıp bir sitenin yapay zeka üretimi olduğuna karar verilmedi, bunun yerine karşılanan kalıp sayısına göre aralıklar belirlendi
- Bu eğilim ciddi bir sorundan çok ilham eksikliğine daha yakın; ileride benzer çıktılar arasından sıyrılmak için daha özenli tasarımlar gerekebilir
Show HN artışı ve tasarım kalıplarının puanlanması
- Show HN gönderi sayısı büyük ölçüde arttı; hatta yeni hesaplar için Hacker News yönetimi Show HN gönderilerini sınırlayacak kadar sıkılaştırmaya gitti
- Son dönemdeki Show HN projelerinde genel ve steril bir izlenim tekrar tekrar ortaya çıkıyordu; bu nedenle konu yalnızca öznel hislere bırakılmayıp 500 sayfa üzerinden puanlandı
- Puanlanan hedef, en güncel 500 Show HN açılış sayfasıydı ve sınıflandırma ortak yapay zeka tasarım kalıplarına göre yapıldı
Yapay zeka tasarım kalıbı ölçütleri
- Ortak kalıplar genel olarak fontlar, renkler, yerleşim özellikleri ve CSS kalıpları etrafında toplanıyor
- Soldaki renkli kenarlık, yapay zeka üretimi tasarımları işaret eden güçlü bir sinyal olarak işledi ve gerçekten de birçok sayfada tekrar tekrar görüldü
-
Fontlar
- Inter genel olarak kullanılıyor, ancak özellikle ortalanmış hero başlıklarında daha belirgin
- LLM'ler Space Grotesk, Instrument Serif, Geist gibi kombinasyonları da sık kullanıyor
- Inter ağırlıklı hero yapısında yalnızca tek bir kelimenin serif italic ile vurgulandığı düzen de buna dahil
-
Renkler
- Sözde VibeCode Purple tekrar tekrar ortaya çıkıyor
- Sürekli dark mode, orta gri gövde metni ve tamamı büyük harfli bölüm etiketleri kombinasyonu sık görülüyor
- Dark tema içinde gövde metni kontrastının ancak asgari eşiği geçtiği örnekler de buna dahil
- Genel gradient aşırılığı, büyük renkli glow efektleri ve renkli box-shadow'lar da kalıplar arasında
-
Yerleşim özellikleri
- Sıradan sans yazı tipi tabanlı ortalanmış hero düzeni tekrar ediyor
- Hero'nun H1 başlığının hemen üstüne badge konan düzen sık görülüyor
- Kartların üst kısmına ya da sol kenarına eklenen renkli kenarlık kalıbı da buna dahil
- Üstte ikon bulunan aynı feature kartlarının tekrar tekrar dizildiği yerleşimler görülüyor
- Sayılarla giden 1, 2, 3 adımlı sekans, istatistik banner satırı, emoji ikonlu kenar çubuğu veya gezinme alanı, tamamı büyük harfli başlıklar ve bölüm etiketleri de ölçütler arasında
-
CSS kalıpları
-
shadcn/ui
- Glassmorphism
-
Tespit yöntemi ve sonuçlar
- Her site Playwright tabanlı headless browser ile yüklendi ve sayfa içine eklenen küçük bir script, DOM ile hesaplanmış stilleri okuyarak kalıpları denetledi
- Tüm kalıplar deterministik CSS veya DOM incelemesi ile işlendi; ekran görüntüsü alıp LLM'in görsel olarak karar verdiği bir yöntem kullanılmadı
- Bu yöntem yanlış pozitifler üretebilir, ancak manuel QA'de bunun yaklaşık %5~10 seviyesinde olduğu görüldü
- Puanlama kodunu yeniden üretmek, geliştirmek veya kendi sitesini puanlamak isteyenler için, ilgi olması halinde kodun paylaşılması değerlendirilebilir
- Tek bir kalıba bakılarak sitenin yapay zeka üretimi olduğu sonucuna varılmadı; bunun yerine 15 kalıptan kaçını karşıladığına göre 3 aralığa ayrıldı
- Heavy slop: 5 veya daha fazla kalıp, 105 site, %21
- Mild: 2~4 kalıp, 230 site, %46
- Clean: 0~1 kalıp, 165 site, %33
- Bu sonuçlar ciddi bir sorundan çok ilham eksikliğine daha yakın
- İş fikrini doğrulama aşamasında gösterişli tasarım zaten temel unsur değildi; yapay zekadan önce de birçok site Bootstrap yüzünden birbirine benziyordu
- Tasarımı doğrudan elde iyileştirenlerle, LLM'in varsayılan çıktısını neredeyse olduğu gibi yayına alanlar arasında belirgin fark var
- LLM öncesinde de CSS/HTML şablonları aynen kullanıldığında benzer bir durum ortaya çıkıyordu
- Gelecekte bu tür bir slop içinde öne çıkmak için yeniden daha özenli tasarımlar gerekebilir
- Aynı zamanda web'in başlıca kullanıcıları AI agent'lar olursa, tasarımın ne kadar önemli kalacağı hâlâ belirsiz
1 yorum
Hacker News yorumları
Artık yan projelerin çoğunun AI yardımıyla yapıldığını düşünüyorum
Genelde zaman kısıtı oluyor, dolayısıyla AI zaman kazandırıyorsa kullanmamak için büyük bir sebep kalmıyor
Üstelik iş dışında, şirkette denemenin zor olduğu yeni AI araçlarını test etmek için de biçilmiş kaftan
Bu yazının başlığı ilk başta ana fikri iyi yakalayamıyordu ve vibe coded ifadesini yanlış kullanarak aslında daha ilginç olan, AI üretimi frontend'lerin görsel ortaklıkları konusunu iyi aktaramıyordu
Şimdi başlık daha iyi olmuş ve "Show HN submissions tripled and now mostly have the same vibe-coded look" çok daha isabetli görünüyor
Karanlık modlu sitelerde ana metinle ikincil metnin koyu kahverengi ya da bej tonlarında olduğu ve okunabilirliğin berbat hale geldiği örnekleri çok sık görüyorum
Güvenli tarafta kalmak için metinle arka plan arasındaki kontrast oranının en az 4:1 olması gerekir
Bunu düzeltmek de zor değil; Web Content Accessibility Guidelines'ı skill'e eklemek yeterli
https://webaim.org/resources/contrastchecker
Problemi düşünmek, çözmek, kendin uygulamak, yeni şeyler öğrenmek ve belki popüler ya da faydalı hale gelebileceğini hayal etmek işin eğlenceli kısmı; AI ile parmak şıklatıp sonucu almak bu keyfi ortadan kaldırıyor
Gündelik işlerde sıkıcı işleri azaltmak için AI kullanılır, ama bunu yan projelere taşımak istemiyorum
Bir de her ay 200 dolar ödeyip kişisel projelerde AI kullanma ayrıcalığını satın almak bana fazlasıyla anlamsız geliyor
Benim yan projelerimin hepsi bir şey öğrenmek için başladı, bu yüzden AI ile sona atla düğmesine basmak bana hiç uymuyor
Oysa "yan projemi gösteriyorum" bağlamında insanların merak ettiği şey tam da o düşünme süreci
Genelde gerçekten acil olanlar ticari projeler oluyor
Tasarım deseni listesi fena değil ama eksik kalan büyük bir unsur olarak rounded rect grid var bence
https://correctarity.com/roundedrects
Belki yazıda geçen "Icon-topped feature card grid" buna en yakın resmi ad olabilir
En azından Apple'ın rounded corners patenti aldığı dönemden beri bu akım var
Buna da bakmak lazım
https://news.ycombinator.com/showlim
HN geçmişi çok olmayan hesaplar artık bu ekranı sık sık görüyor ve OP'nin grafiğinin sağ tarafındaki düşüşte bunun da payı var
Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)
İnsanlar 2026 araçlarıyla kod yazıp 2016 ölçütleriyle değerlendirilmek istiyor
2016'da 10 bin satır kod gördüğünüzde, bunun kendi başına belli bir proof-of-work anlamı vardı; doğal olarak test, düşünme ve aylarca çarpışıp cilalama süresi de bunun parçasıydı
Ama 2026'da 10 bin satır kod, sadece token'lara biraz para harcandığı anlamına gelebilir; özellikle büyük bir OpenAPI spesifikasyonunu belli bir dilin API'sine dönüştürmek gibi işlerde tek seferde çok hızlı üretilebilir
Projenin %90'ından fazlası gerçek senaryolarda bir kez bile çalıştırılmamış olabilir ve yalnızca AI'ın kendi yazdığı birim testlerinden geçmiş olabilir
Bunun kendisi özünde yanlış değil ama değerlendirme ölçütlerinin değişmesi gerekiyor
Show HN'in eşiğinin aşırı yüksek olması gerekmeyebilir ama en azından "bir metin kutusuna birkaç satır yazdım" seviyesinden biraz yukarıda olmalı
Bunun nedeni kötü olması değil; kıymetli insan dikkatini çekmenin maliyeti çok ucuzladı
Biraz acı ama gerçek şu ki, sadece fikir ve birkaç prompt ile yapılabilen proje türleri AI'dan önce de zaten epey fazlaydı
AI kodlama araçları sadece "fazla sık gördüğümüz projeler" listesini biraz daha büyüttü; aslında eskiden beri taşan aynı tür projelerin şimdi daha sert biçimde üstümüze geldiği hissi var
Sık sık bir hafta sonunda bir ürün yapıp, o ürün kategorisinin birkaç yıl önce gördüğü fiyatlara bakarak uçuk bir fiyat biçenleri görüyorum
Sanki o fiyatın aslında oraya gelmek için gereken emeği yansıttığını kabullenmek istemiyor gibiler
Artık durum değişti
Aşırı gösterişli slide deck'ler ya da yeni branding hazırlayıp, bunların eski ölçütlerle başarı sayılmasını istemek de aynı şey; sonuçta insan kendi başarısını kendi üretmiş oluyor
AI ajanları web'in başlıca kullanıcısı olursa tasarımın ne kadar önemli kalacağını bilemediğini söyleyen görüş bana pek çekici gelmiyor
Hastalık ve savaş yüzünden yeryüzü bozulmuş, inovasyonun boş vaatleriyle ve ağır metal enkazıyla kirlenmişse yeni bir Eden inşa etmek gerekir
Gemini fikrini seviyorum ama bunu yine de görsel bir ortamda ifade etmek isterim
Dillo düzeyindeki kısıtlar içinde bile güzel şeyler yapılabilir gibi geliyor; taşıma katmanı olarak Wireguard mesh kullanılır ve davetler kişisel güvene göre verilip geri alınırsa
büyük platformların her şeyi büyütüp ortalamaya çekmediği bir yerde fikirlerin yeniden canlanması mümkün olabilir
Tasarımdan söz ediyorsak, solo founder SaaS'tan YC'den 2 milyar dolar almış şirketlere kadar teknoloji proje siteleri yıllardır birbirine benziyor
Artık tek umudum, LLM'lerin arada bir biraz farklı CSS halüsinasyonları görmesi
Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS gibi dalgalar sürekli döndü; şimdi bunun adı AI oldu
Sektör geçmişte hiç kestirme yol kullanmamış gibi davranmaya gerek yok
Zanaatkârlık ürünü kodla övünebilirsiniz ama yazılımı iş amacıyla kullanan tarafın buna zaten pek ilgisi olmadı
Hatta bilgisayar biliminin felsefesi de en nihayetinde herkes kod yazabilmeli düşüncesine yakın değil miydi
Lisans engellerine de hep karşı çıkıldı; dolayısıyla kodun commodity haline gelmesi ve giriş engelinin neredeyse yok olması bunun bir uzantısı gibi görünüyor
Bazı Show HN gönderileri ilk bakışta etkileyici geliyor ama biraz kurcalayınca ya hiç çalışmadığı ya da birinin kendisi yazmış gibi sunduğu AI kodu olduğu çok belli oluyor
Eskiden GitHub özgeçmiş sinyali olarak bir ölçüde işe yarıyordu ama artık AI çoğunu yapıyorsa bu sinyal değeri fiilen ortadan kalkıyor
Sadece özeti göstermeyip ayrıntılı sonuçları da göstermelerini isterdim
Mesela yüksek ve düşük puan alan gönderilerin listesi de olsa, metodolojinin tutup tutmadığını insan kendi vibe check'iyle anlayabilirdi
Ayrıca tek bir andaki keyfi kategori pasta grafiğindense zaman içindeki trend değişimini göstermek daha iyi olur
MVP ya da keşif aşamasındaysa, LLM'in ürettiği UI gayet kabul edilebilir
Ama oyuncak bir şey ürüne dönüşmeye başladığında, işi ciddiye alma noktasında UI'ı yeniden elden geçirmek gerekir
İnsanlar için yapılan arayüzlerde sonunda insan dokunuşunun bir değeri var
AI'ın HN'i botlarla doldurması meselesi bununla ilişkili ama doğası biraz farklı, ayrı bir sorun
Sorunun özünün AI üretimi olmasının kendisi olduğunu düşünmüyorum
Ama özensizce yapılmış AI üretimi UI/UX gerçekten sorun
vibe-coded estetik çoğu zaman "bunun gerçekte nasıl çalıştığı üzerine derinlemesine düşünülmemiş" sinyali veriyor ve alttaki teknoloji sağlam olsa bile bu yine de yeterince kırmızı bayrak sayılır