Instagram Feed Planlayıcı (AI-destekli)

# Instagram Feed Planlayıcı (AI-destekli)

**Ne inşa ediyoruz:** 9 kareli Instagram grid'ine her kare için Claude + FLUX ile 3 görsel konsept + caption üreten planlayıcı.

**Kullanıcının işi (JTBD):** Instagram feed'imin tutarlı bir estetiği olsun istiyorum ama her post için 15 dakika yaratıcı iş yapmak istemiyorum, 30 dakikada 9 post planı elimde olsun.

---

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

## Veri modeli
```sql
create table brand_profiles (
  user_id uuid primary key references auth.users,
  palette text[], voice_samples text[], niche text
);

create table grids (
  id uuid primary key default gen_random_uuid(),
  user_id uuid, tiles jsonb,
  created_at timestamptz default now()
);
```

## Ana akışlar
1. Onboarding: 3-5 örnek post yükle → Claude ile brand voice çıkar.
2. /grid: 9 drag-drop kare.
3. Her kareye klik → Claude'a: "diğer kareler + brand voice ile tutarlı 3 görsel konsept + caption (≤2200)". FLUX ile görselleri üret.
4. Instagram preview (sağ panel gerçek görünüm).

## 6 saatlik inşa sırası
- 0:00–1:00 — Scaffold + auth + onboarding
- 1:00–2:30 — dnd-kit ile grid + tile state
- 2:30–4:30 — Claude + FLUX görsel üretim
- 4:30–5:30 — Instagram preview mock
- 5:30–6:00 — Deploy

## Başarı kriteri
- [ ] 9 kare üretiliyor, tutarlı palette
- [ ] Caption'lar brand voice'a yakın
- [ ] Drag-drop sorunsuz
- [ ] Canlı URL

## Dikkat
- FLUX görsel maliyeti yüksek — preview için düşük çözünürlük, indirme için tam.
- 6 saatte Instagram gönderim yok, sadece plan.