çalışıyor ama ucuz görünüyor.

ne işe yarıyor

yapay zekayla bir sayfa kuruyorsun. çalışıyor, içerik de doğru. ama ekrana bakınca bir şey tutmuyor. neyin yanlış olduğunu söyleyemiyorsun, sadece ucuz göründüğünü görüyorsun. tasarımcı değilsin, ne soracağını da bilmiyorsun. sonuçta kurduğun şeyi kimseye göstermiyorsun.

bu sistem sayfanın ekran görüntüsünü alıp sekiz başlıkta ölçüyor: yazı hiyerarşisi, satır uzunluğu ve satır aralığı, boşluk ritmi, renk ve kontrast, gölge ve kenarlık, buton alanları, hizalama, ikon ve görsel tutarlılığı. her bulguya üç satır yazıyor: şu an ne, olması gereken ne, bu farkın okuyucuda ne yaptığı.

kod dosyası vermiyorsun. sayfayı claude code ile de kurmuş olabilirsin, lovable ile de, framer ile de. ekran görüntüsü hepsinde var.

nasıl çalışıyor

1. sayfanın ekran görüntüsünü klasöre atıyorsun. tek bir png yetiyor. masaüstü ve mobili birlikte koyarsan denetim iki katı işe yarıyor.
2. istersen marka renklerini ve yazı tiplerini bir dosyaya yazıyorsun. sistem onları değiştirmeyi önermiyor; bir marka rengi kontrast testinden kalırsa rengi değil, üstündeki metnin rengini değiştirmeyi öneriyor.
3. sistem sekiz başlığı tek tek ölçüp bulguları önem sırasına diziyor. yüksek olan sayfanın ilk izlenimini bozuyor demek, düşük olan yalnız incelik.
4. sonunda tek bir düzeltme talimatı bloğu çıkıyor. her madde somut değerle yazılı. kopyalayıp sayfayı neyle kurduysan ona yapıştırıyorsun.

sistem sayfanı yeniden tasarlamıyor. metnini, bölüm sıranı, konseptini değiştirmeyi önermiyor. neyin yanlış olduğunu ölçüyor, kararı sen veriyorsun.

gerçekten çalıştığının kanıtı

kasten kötü kurulmuş bir açılış sayfası hazırladım ve sisteme yalnız ekran görüntüsünü verdim. kod dosyası vermedim, adres vermedim.

sistem sekiz başlığı ölçtü ve on üç bulgu çıkardı. denetim bittikten sonra sayfanın gerçek değerlerini tarayıcıdan çektim ve karşılaştırdım. saydığı şeyler birebir tuttu: on iki ayrı yazı boyutu, yedi ayrı köşe yarıçapı, dört ayrı gölge, 2,32:1 ve 2,85:1 kontrast oranları. piksel tahminleri ise birkaç piksel şaştı, zaten sistem onları "yaklaşık" diye işaretliyor.

sonra raporun sonundaki düzeltme talimatını olduğu gibi uyguladım. on iki ölçütün on ikisi de kabul aralığına girdi: yazı boyutu on ikiden beşe, köşe yarıçapı yediden ikiye, gölge dörtten bire indi, kontrast 2,32:1'den 7,7:1'e çıktı, butonlar 33 pikselden 52 piksele geldi, iki yer tutucu kalıntısı temizlendi.

sistemin göremediği şeyleri de raporun sonunda ayrıca yazdı: fare üstündeyken ne olduğunu, odak halkasını, sayfanın açılma süresini. uydurmadı, ölçülemedi diye işaretledi.

kodun tamamı açık: github.com/muhammedsevimli/sistemler

teslim

yukarıya e-postanı bırak. adım adım kurulum dökümanını hem buradan hem mailinden açarsın. şablon dosyalar hazır, kopyala yapıştır. kurarken takıldığın yeri yaz, bakarım.