Taste-Skill: Yapay Zekânın 'Generic AI Tasarımı' Çıkarmasını Engelleyen Kural Seti

Yapay zekâya frontend yazdıran hemen hemen herkes aynı hayal kırıklığını yaşamıştır: Prompt'u verirsin, model mükemmel çalışan bir React veya Vue bileşeni üretir ama sayfayı tarayıcıda açtığında gözlerin kanar. Neden? Çünkü ortada devasa bir mor-mavi gradyan, gereksiz yere parlatılmış kart kenarlıkları, okunmayan soluk gri metinler ve 'ben yapay zekayım' diye bağıran bir şablon vardır.

Leonxlnx tarafından geliştirilen taste-skill ile tanıştığımda aradığım ilacı bulduğumu anladım. Kendini 'The Anti-Slop Frontend Framework for AI Agents' olarak tanımlayan bu 88 bin yıldızlı repo, doğrudan şu gerçeği kabul ediyor: LLM'ler kod yazmayı biliyor ama görsel 'zevk' (taste) kavramından tamamen yoksunlar.

Taste-Skill Hangi Klişeleri Kesip Atıyor?

Kendi projelerimde bu skill'i aktif ettikten sonra modelin vazgeçtiği kötü alışkanlıklar:

• Bulanık Mor Gradyan Yasağı: Standart Tailwind 'from-indigo-500 to-purple-600' basmak tamamen engelleniyor; yerine monokrom ve sıcak nötr yüzeyler geliyor.
• Kart Katmanlaşması Çılgınlığı: 4 katmanlı iç içe kartlar yerine, 1px hafif kenarlıklar (subtle borders) ve düz bento-grid mimarisi zorunlu kılınıyor.
• Yüksek Tipografik Kontrast: Soluk gri metinler yerine yüksek kontrastlı gövde yazıları ve mikro etiketlerde (11-12px) geniş harf aralığı (tracking-wider) uygulanıyor.
• Mikro-Boşluk Disiplini: Buton dolgusu (padding) ile ikon oranları pikselli standartlara bağlanıyor.

Kendi Kurulumum ve İlk İzlenimlerim

# Claude Code doğrudan skill ekleme:
claude skill add Leonxlnx/taste-skill

# Veya npx ile çalıştırma:
npx skills-cli add Leonxlnx/taste-skill

Kurulumu yaptıktan sonra ajana ekstra uzun prompt yazmayı bıraktım. Artık sadece 'Bana bir fiyatlandırma tablosu yap' demem yetiyor. Eskisi gibi lunapark renkleri yerine Linear ve Raycast sadeliğinde, tipografisi kusursuz bir bileşen önüme düşüyor.