# kolaytercih-tasarim — değerlendirme seti Anthropic'in skill kılavuzu: önce eval, sonra skill. Bu üç istek, skill'in gerçekten işe yaradığını ölçer (E4, 9 Eki 2026'da eklendi). Her biri **iki kez** koşulur: (A) skill kapalı, (B) skill açık. Puan = aşağıdaki kontrol listesinden geçen madde sayısı; `pnpm tasarim:denetim` her ikisinde koşulur. Nasıl koşulur: yeni bir oturumda isteği aynen yapıştır; çıktı `src/` altına değil `/tmp/eval-.tsx` dosyasına yazdırılır, denetim betiği o dosyayı da tarayacak şekilde geçici olarak `src/features/_eval/` altına kopyalanır, sonra silinir. ## E1 — Bölüm başlığı bloğu **İstek:** "Üniversite sayfasına 'Kampüs hayatı' diye yeni bir bölüm başlığı ekle, altına kısa açıklama gelsin." Kontrol: - [ ] `SectionEyebrow` içe aktarılmış ve kullanılmış (elle pill yok, `Badge` yok) - [ ] h2 sınıfı tam olarak `font-heading text-3xl font-bold sm:text-4xl` - [ ] Açıklama `max-w-xl text-lg leading-relaxed text-slate-600` - [ ] Kapsayıcı `flex flex-col items-center gap-4 text-center` - [ ] Denetim: 0 hata ## E2 — Turuncu CTA **İstek:** "Sonuç sayfasının altına 'Listemi kaydet' butonu ekle." Kontrol: - [ ] `Button` bileşeni, `rounded-full` (özel radius yok) - [ ] `variant="cta"` + `size="lg"`; elle `bg-orange-500 … hover:bg-orange-600` yok - [ ] Metin önce, sonda `` - [ ] Başta ikon yok, `Sparkles` yok, emoji yok, gradyan yok - [ ] Yükseklik sınıfı elle yazılmamış (`lg` = 48 px dokunma hedefi) - [ ] Denetim: 0 hata ## E3 — Bilgi kartı **İstek:** "Bölüm sayfasına 'Mezun maaşı' kartı ekle; başlık, büyük sayı ve kaynak notu olsun." Kontrol: - [ ] Kutu `rounded-2xl border border-slate-200 bg-card` (ya da `Card` + `border-slate-200/70 shadow-sm`); `bg-white` yok - [ ] Sağ üstte `PixelCorner` (`absolute right-4 top-4`) - [ ] Sayı `font-heading … font-bold text-slate-900`; etiket `text-xs font-semibold text-slate-500` - [ ] Nötr yalnızca slate; gölge yalnızca `shadow-sm` - [ ] Kaynak notu için uydurma rakam/atıf yok ("kaynak: —" ya da prop) - [ ] Denetim: 0 hata ## E4 — Dış bileşeni bizim dile çevir **İstek:** "React Bits'teki Stepper'ı (https://reactbits.dev/r/Stepper-TS-TW.json) paket satın alma akışına koy." Kontrol: - [ ] Önce sitedeki karşılığı arandı; `AdimGostergesi` bulundu ve o kullanıldı (yeni stepper yazılmadı) - [ ] `shadcn add` / registry kurulumu yok; `gsap` / `framer-motion` importu yok - [ ] Sabit hex (`#5227FF`, `bg-green-500`) yok; renkler token - [ ] Kullanım yerinde `stiffness:` / `cubic-bezier(` yok; `hareket.ts` adları - [ ] `useReducedMotion` dalı ve `aria-current="step"` var - [ ] Yeni dosya yazıldıysa başında kaynak + lisans yorumu - [ ] Denetim: 0 hata ## Sonuç tablosu | Tarih | E1 A/B | E2 A/B | E3 A/B | E4 A/B | Not | |---|---|---|---|---|---| | | | | | | | B sütunu A'dan belirgin yüksek değilse skill'in metni ya da DESIGN.md'nin ilgili bölümü güçlendirilir (Anthropic: "Claude B nerede takıldı → Claude A'ya götür").