kolaytercih/.agents/skills/kolaytercih-tasarim/evals.md

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-<n>.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 <ArrowRight className="size-4" aria-hidden />
• 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").