YouTube Thumbnail A/B Test Asistanı

# YouTube Thumbnail A/B Test Asistanı

**Ne inşa ediyoruz:** Thumbnail yüklenince Claude ile analiz + FLUX ile 3 varyasyon + heuristic CTR skoru üreten tool.

**Kullanıcının işi (JTBD):** Yeni video yüklemeden önce, thumbnail için Photoshop'ta 2 saat değil 10 dakikada 3 güçlü seçeneğe bakmak istiyorum, böylece CTR'yi %20 yükseltip algoritmayı yakalayayım.

---

## Stack
- Next.js 15 + TS strict, Tailwind + shadcn/ui
- Supabase (magic link + Postgres + Storage)
- Claude Sonnet 4.6 (vision), Replicate FLUX schnell
- Deploy: Vercel

## Veri modeli
```sql
create table thumbnails (
  id uuid primary key default gen_random_uuid(),
  user_id uuid, original_path text,
  title text, niche text,
  analysis jsonb, variants jsonb, scores jsonb,
  created_at timestamptz default now()
);
```

## Ana akışlar
1. Upload thumbnail + video başlığı + niş.
2. Claude vision: "kompozisyon, renk, yüz, metin kullanımı analiz et, iyileştirme önerileri ver".
3. 3 varyasyon prompt'u üret, FLUX'a gönder.
4. Heuristic CTR skoru: yüz var mı (+), kontrast yüksek mi (+), metin kısa mı (+), background basit mi (+).
5. 4 thumbnail yan yana + skor.

## 6 saatlik inşa sırası
- 0:00–1:00 — Scaffold + auth + upload
- 1:00–2:30 — Claude vision analiz
- 2:30–4:00 — FLUX entegrasyonu + 3 varyant render
- 4:00–5:00 — Heuristic skor (basit computer vision: renk histogramı, edge density)
- 5:00–6:00 — Deploy

## Başarı kriteri
- [ ] Upload'tan 30sn'de 3 varyant
- [ ] Skorlar anlaşılır (hangi faktör nereden geldi)
- [ ] Varyantlar orijinalden fark ediliyor ama başlıkla uyumlu
- [ ] Mobilde iyi

## Dikkat
- FLUX output kalitesi için **prompt'a** yatırım yap — Claude'un üreteceği prompt kısa olmasın.
- "CTR tahmini" ≠ vaat; "görsel kalite skoru" olarak etiketle.