Claude + Chrome: 2 Yol Playbook

00 · Ne işe yarar

Claude'u tarayıcıyla çalıştırmanın iki yolu

Claude'u tek soru sorarak kapatmak yerine tarayıcıyla doğrudan konuşturmak mümkün — iki farklı yoldan: sıfır kod gerektiren web eklentisi ve tekrarlayan görevler için terminal. Bu playbook'ta her ikisinin kurulumu, ne zaman hangisini seçeceğiniz ve hemen uygulayabileceğiniz senaryolar var.

01 · Kolay yol: web eklentisi

Eklentiyi kurun, hemen başlayın

• Adım 1 — Chrome Web Store'dan kurun. Arama çubuğuna "Claude AI" yazın, Anthropic'in resmi eklentisini bulun ve kurun. Üçüncü taraf değil, resmi eklenti.
• Adım 2 — Giriş yapın ve izin verin. Eklenti simgesine tıklayın, claude.ai hesabınızla oturum açın, "Sayfa içeriğini oku" iznini onaylayın. Bu olmadan Claude sayfayı göremez.
• Adım 3 — Herhangi bir sayfada çağırın. Sağ tıklayın → "Ask Claude" veya eklenti ikonuna tıklayın. Yan panel açılır; seçili metin ya da tam sayfa bağlamı otomatik gelir. İzin verdiğiniz sitelerde tıklayıp yazabilir — her riskli işlemde (gönder, satın al) önce sizden onay ister. Onaysız işlem yok.

02 · Plan seçin: Pro mu Max mi?

Hangi plan ne için yeterli?

Pro Plan (Haiku modeli — hızlı): Tek sekme analizi, hızlı metin özetleme, form yardımı. Günlük basit görevler için yeterli. Sekme geçişinde bağlam kaybolabilir.

Max Plan (daha güçlü model): Karmaşık rakip analizi, çok adımlı işlemler, uzun sayfa özetleme. Yoğun kullanım için önerilir.

03 · Web mi terminal mi?

Karar tablosu

Tek seferlik, kolay görev (bir sayfayı özetle, bir formu anla) → Web eklentisi yeterli. Tekrarlayan / script / headless / CI → Terminal yolu (Playwright MCP veya Chrome DevTools MCP). Aşağıda 3 hazır senaryo ve terminal kurulum komutları var.

3 Hazır Senaryo — Kopyala-Yapıştır Promptlar Dahil

Web eklentisiyle hemen uygulayabileceğiniz üç senaryo. Her birinde adım adım akış ve kullanıma hazır prompt var.

Senaryo 1

Rakip fiyatlarını tek tabloda toplayın

Amaç: 10 rakip sekmesini tek tek açıp fiyat/özellik okumak yerine, Claude hepsini gezip size tek karşılaştırma tablosu çıkarsın.

• 1. Karşılaştıracağınız rakip sayfalarını ayrı sekmelerde açın (fiyatlandırma sayfaları ideal). Hepsi açık kalsın.
• 2. Yan paneli açın, ilk sekmede durun. Claude'a ne topladığınızı ve hangi sütunları istediğinizi net söyleyin.
• 3. Prompt'u yazın. Claude sekmeleri sırayla gezer, her sayfadan fiyat + plan + öne çıkan özelliği okur.
• 4. Claude tek Markdown/tablo döker. "CSV olarak ver" deyin → kopyalayın, Sheets'e yapıştırın. İş bitti.

Açık sekmelerdeki rakip fiyatlandırma sayfalarını tek tek gez.
Her biri için şu sütunlarla bir tablo çıkar: Marka, En düşük plan
fiyatı, Kullanıcı başı fiyat, Öne çıkan 2 özellik. Bulamadığını "—"
yap. Sonra aynı tabloyu CSV olarak da ver.

Senaryo 2

Tekrarlı araştırma — bir kez gösterin, her sabah çalışsın

Amaç: Her sabah aynı 3-4 siteyi elle gezip özet çıkarmak yerine, adımları bir kez tanımlayın; ertesi gün tek tıkla aynı özet gelsin.

• 1. Takip ettiğiniz siteleri (haber, sektör bloğu, fiyat sayfası) sekmelerde açın.
• 2. Claude'a tam olarak ne istediğinizi yazın: hangi sitelerde ne arasın, çıktıyı nasıl biçimlesin.
• 3. Beğendiğiniz prompt'u yan panelde kaydedin (kayıtlı prompt / hızlı komut). Ada koyun: "Sabah taraması".
• 4. Ertesi gün: siteleri açın → kayıtlı prompt'a tek tıkla aynı özet üretilsin.

Açık sekmelerdeki bu 3 siteyi gez. Her biri için: bugün yeni ne var,
beni ilgilendiren 1 değişiklik ne. Çıktıyı "Site → 2 madde özet"
biçiminde ver. Sonunda "Bugün aksiyon gerektiren" tek satır ekle.

Senaryo 3

Uzun sayfayı okunur brief'e çevirin

Amaç: 20 dakikalık uzun bir sayfayı baştan sona okumak yerine, Claude ana argümanları + size özel çıkarımı 30 saniyede versin.

• 1. Okuyacağınız sayfayı açın. İsterseniz ilgili bölümü seçin (seçili metin Claude'a öncelikli gider).
• 2. Yan panelde rolünüzü ve amacınızı söyleyin: "pazarlamacıyım", "yatırım kararı vereceğim" gibi. Özet ona göre şekillenir.
• 3. Prompt'u gönderin. Claude 3 madde ana fikir + 1 madde "sizin için anlamı" döker. "Sonraki sayfaya geç, aynısını yap" ile zincirleyin.

Bu sayfayı bir pazarlamacı gözüyle oku. 3 maddede ana argümanı ver.
Sonra "Benim işim için ne anlama geliyor" başlığıyla tek somut
çıkarım yaz. Teknik jargonu sadeleştir.

Form Doldurma — Onay Sizde

Amaç: Uzun bir formu (başvuru, kayıt) tek tek doldurmak yerine, Claude alanları sizin verinizle doldursun; göndermeden önce size onaylatsın.

• 1. Doldurulacak form sayfasını açın. Claude'un o sitede işlem yapmasına izin verin. Kullanacağı bilgileri yan panele yapıştırın (ad, e-posta, şirket, kısa açıklama).
• 2. Prompt'u gönderin. Claude alanları tek tek doldurur; emin olmadığı alanı size sorar.
• 3. Doldurma bitince DURUR — "Gönder"e basmadan önce sizden onay ister. Otomatik gönderme yok.
• 4. Alanları gözden geçirin → doğruysa siz gönderin. Yanlışsa "şu alanı düzelt" deyin, tekrar doldursun.

Bu formu aşağıdaki bilgilerle doldur ama GÖNDERME — bitince bekle,
ben kontrol edip onaylayacağım. Emin olmadığın alanı bana sor.
[Ad: ...] [E-posta: ...] [Şirket: ...] [Not: ...]

Terminal'den Tarayıcı: 3 Doğrulanmış Yöntem

Tekrarlayan işler, script gerektiren otomasyon veya CI/CD entegrasyonu için terminal yolu şart. Üç seçenek:

1 · Playwright MCP — En Kolay Başlangıç (Microsoft resmi · 25 araç · headless desteği): URL aç / tıkla / form doldur / screenshot / erişilebilirlik ağacı. Doğal dille: "şu butona tıkla, şu formu doldur." Headless modda CI/CD entegrasyonu mümkün.

claude mcp add playwright npx @playwright/mcp@latest
npx playwright install

Dokümantasyon: playwright.dev/docs/getting-started-mcp

2 · Chrome DevTools MCP — En Gelişmiş (ChromeDevTools org · 51 araç · login oturumu korunur): Mevcut Chrome oturumuna bağlanır — login bilgilerini tekrar girmezsiniz. Otomasyon + Lighthouse + performans profili + bellek analizi + ağ izleme.

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
"chrome.exe" --remote-debugging-port=9222 --user-data-dir="C:\chrome-debug"

Kaynak: github.com/ChromeDevTools/chrome-devtools-mcp

3 · CDP / Script Yolu — Tam Kontrol, MCP'siz (Node.js · mevcut Chrome'a bağlanın · en esnek): Chrome'u debug portlu başlatın, Claude Code'a Node script yazdırın, WebSocket ile bağlanır, tam CDP erişimi. MCP kurmaya gerek yok.

"chrome.exe" --remote-debugging-port=9222 --user-data-dir="C:\chrome-debug"

Chrome başlatıldıktan sonra Claude Code'a: "Bu porta bağlanan bir Node.js CDP scripti yaz" deyin. Not: Resmi Puppeteer MCP paketi deprecated — Playwright veya DevTools MCP tercih edin.

Kritik Notlar

Web eklentisi sınırları:

• Onaysız gönderme yok — form doldurmayı önerir; göndermek için her seferinde siz onaylamalısınız.
• Login duvarı aşılamaz — Claude giriş gerektiren sayfaları göremez; oturum açık olmalı.
• Script / otomasyon yok — tekrarlayan görevler her seferinde elle tetiklenmeli.
• Sekme bağlamı kaybolur — sekme değiştirince önceki bağlam silinir; Pro planda belirgin.

Terminal / MCP notları:

• Node.js 18+ zorunlu — Playwright MCP ve Chrome DevTools MCP için Node.js LTS kurulu olmalı.
• Chrome 136+ profil kısıtı — varsayılan profil uzaktan debug'a kapalı; --user-data-dir ile ayrı profil şart.
• Playwright token maliyeti — MCP yolu ~4x daha fazla token tüketir. Büyük otomasyon için Playwright CLI tercih edin.
• Tarayıcı ikili yükleme — Playwright MCP ilk kurulumda npx playwright install çalıştırın.

60 Saniyede Kontrol Listesi

Web Eklentisi:

• Chrome Web Store'dan kuruldu
• claude.ai hesabıyla giriş yapıldı
• Sayfa okuma izni onaylandı
• İlk senaryo test edildi (sayfa özetle)
• Pro mu Max mı karar verildi

Terminal Yolu:

• Node.js 18+ kuruldu
• Playwright MCP tek komutla eklendi
• npx playwright install çalıştırıldı
• Chrome ayrı profille debug portlu başlatıldı
• Chrome DevTools MCP bağlantısı test edildi

Doğrulanmış Kaynaklar

• Playwright MCP Resmi Doküman: playwright.dev/docs/getting-started-mcp
• Chrome DevTools MCP GitHub: github.com/ChromeDevTools/chrome-devtools-mcp
• CDP Remote Debugging Rehberi: productivitytech.io/claude-code-chrome-remote-debugging
• Bağımsız Doğrulama — Simon Willison: til.simonwillison.net/claude-code/playwright-mcp