Podcast Quote Card Üretici

# Podcast Quote Card Üretici

**Ne inşa ediyoruz:** Podcast bölüm sesini yüklediğinde Whisper transkript + Claude'un seçtiği 5 vurucu alıntıyı tipografi-güzel quote card'a dönüştürüp PNG indirten araç.

**Kullanıcının işi (JTBD):** Yeni bölümü yayınladıktan sonra sosyal medyada hızlı 5 paylaşımım hazır olsun, manuel cümle aramak istemiyorum.

---

## Stack
- Next.js 15 App Router
- Tailwind + shadcn/ui + html2canvas
- Supabase Postgres + storage
- Whisper + Claude Sonnet 4.6
- Deploy: Vercel

## Veri modeli
```sql
create table episodes (
  id uuid primary key default gen_random_uuid(),
  user_id uuid references auth.users not null,
  title text, audio_url text, transcript text,
  speaker_name text, created_at timestamptz default now()
);

create table quotes (
  id uuid primary key default gen_random_uuid(),
  episode_id uuid references episodes on delete cascade,
  text text, timestamp_seconds int, score numeric,
  card_url text
);
```

## Ana akışlar
1. Ses dosyası + bölüm başlığı + konuşmacı.
2. Whisper transkript.
3. Claude top 5 alıntı (kriterler: bağımsız anlam, < 200 karakter, vurucu).
4. Şablon seç (10 hazır), marka rengi uyarla.
5. html2canvas → PNG, indir.

## 6 saatlik inşa sırası
- 0:00–1:00 — Scaffold + auth + upload
- 1:00–2:00 — Whisper transkript
- 2:00–3:00 — Claude alıntı seçimi prompt
- 3:00–4:30 — 10 şablon (Tailwind + html2canvas)
- 4:30–5:30 — Marka rengi + isim auto-uygulama
- 5:30–6:00 — Vercel deploy

## Başarı kriteri
- [ ] 1 bölümden 5 alıntı çıkarıldı
- [ ] Her alıntı tek başına anlamlı (context'siz)
- [ ] 10 farklı şablon seçilebiliyor
- [ ] PNG export 1:1 ve 9:16 çalışıyor
- [ ] Marka rengi uygulanabiliyor

## Dikkat
- Alıntı uzunluğu 200 karakter cap; uzunsa Claude kısaltsın ama anlam korusun.
- Konuşmacı adı + episode adı her card'a otomatik koy.
- Tasarım kalitesi RAKİP avantajı — typography ve spacing'e zaman ayır.
- Quote içindeki ünvanları/markaları silme; otantik kalsın.