derdini anlatamayan vibecoder arkadaşlar, frontend bilmeyen backendciler. tertemiz bir site ile geldim. hayır öyle demek istemedim ben onu istemiyorum verdiğim ekran görüntüsüne göre yap. ikili button istiyorum biri aşağıya açılsın bir promptda bu cümleler ile vakit kaybetmeyin direk component adını ya da stilin adını söyleyin. siteye girip iki tur atın. istediğiniz component'i kendi bozuk kelimelerinizle tarif edin, gerçek adını versin. hatta agent'a yapıştıracağınız prompt'u doğrudan alın. Zamanla öğrenirsiniz "bir şey sağdan açılsın", "alttan çıksın" demek yerine drawer mı sheet mi modal mı onu söyleyin. sadece isimleri öğrenmek bile çıktıyı değiştiriyor. Çok çıldırmadan işinizi bitirin. bu sitenin şöyle de bir faydalar var. birincisi, adını bilmediğin şeyin varlığından haberin olmuyor. scrim'i bilen kişi modalın arkasındaki karartmanın ayrı bir karar olduğunu da bilir. bilmeyen hiç sormaz, ne geldiyse onu kabul eder. ikincisi çıktıyı review edebilmek. "burada skeleton yerine spinner koymuşsun" diyebiliyorsan iterasyon yapıyorsun. diyemiyorsan elinde kalan tek şey "olmadı, bi daha yap". bir de styles bölümü var, asıl orayı kaçırmayın. "şu tarz olsun", "apple gibi olsun" deyip screenshot atmayı bırakın. minimalism, brutalism, flat design hangi stili istiyorsanız sayfasına girin. o stilin ne olduğunu, ayırt edici sinyallerini yazmış, altına da agent'a yapıştırılacak hazır style brief koymuş. minimalism sayfasında mesela "viewport'un yüzde 40-60'ı boş kalsın, tek accent renk, tek dramatik başlık" diye tarif ediyor. bunu baştan verirseniz 5 tur dönmüyorsunuz. içinde ne var: 76 element, web ve macos ayrı her birinin gerçek adı, api karşılığı, hazır prompt'u stil kütüphanesi + her stil için copy-paste brief birbirine karışanlar ayrı bölümde. link aşağıda.