Claude Code İçin 5 Temel Skill — Kurulum ve Kullanım Rehberi

Claude Code tek başına güçlü, ama skill ve plugin'lerle çok daha güçlü. Bu rehberde Claude Code'a ekleyebileceğin 5 temel aracı sıfırdan kurmanı göstereceğim.

Başlamadan önce iki kavramı ayıralım:

• Plugin / MCP Sunucu: Claude Code'a yeni yetenekler kazandıran harici araçlar. claude mcp add komutuyla kurulur.
• Skill: Claude'un davranışını ve uzmanlığını yönlendiren talimat dosyaları. ~/.claude/skills/ klasörüne eklenir.

1. MCP Builder — Kendi MCP Sunucunu Oluştur

Ne işe yarar: Claude Code'a "kendi araçlarını kendin yap" yeteneği kazandırır. Dış API'lere bağlanan, veritabanlarıyla konuşan, özel iş akışları çalıştıran MCP sunucuları oluşturmayı öğretir. TypeScript veya Python kullanabilirsin.

Adım adım kurulum:

# 1. Skill dosyalarını GitHub'dan indir
git clone https://github.com/anthropics/skills.git

# 2. MCP Builder klasörünü Claude'un skills dizinine kopyala
cp -r skills/mcp-builder ~/.claude/skills/mcp-builder

# 3. Kurulumu doğrula — Claude Code'u aç ve şunu yaz:
/skills
# Listede "mcp-builder" görünmeli

Kullanım: Claude Code'da "Yeni bir MCP sunucusu oluşturmak istiyorum" dediğinde bu skill devreye girer ve seni 4 aşamalı süreçten geçirir:

1. Protokol ve framework belgelerini inceleme
2. Proje yapısını kurma ve araçları kodlama
3. Kod kalitesini gözden geçirme
4. Test değerlendirmeleri (eval) oluşturma

2. Playwright — Browser Otomasyon

Ne işe yarar: Claude Code'un bir tarayıcıyı kontrol etmesini sağlar. Web sayfalarında gezinme, butonlara tıklama, form doldurma, ekran görüntüsü alma, PDF oluşturma gibi işleri otomatik yapar. End-to-end test yazımında da kullanılır. Microsoft tarafından geliştirilmiş, 230.000+ kurulumla en popüler MCP sunucularından biri.

Ön gereksinim: Node.js 18 veya üstü kurulu olmalı.

Adım adım kurulum:

# 1. Node.js versiyonunu kontrol et (18+ olmalı)
node --version

# 2. Playwright MCP sunucusunu Claude Code'a ekle
claude mcp add playwright npx @playwright/mcp@latest

# 3. Claude Code'u yeniden başlat
# İlk kullanımda tarayıcı dosyaları otomatik indirilir

Kullanım örnekleri:

• "Bu web sitesini aç ve ekran görüntüsü al"
• "Formu doldur ve gönder butonuna bas"
• "Sayfadaki tüm linkleri listele"

Not: Playwright ekran görüntüsü yerine erişilebilirlik ağacı kullanır — bu sayede çok daha hızlı ve hafif çalışır.

3. Frontend Design — Profesyonel Arayüz Tasarımı

Ne işe yarar: Claude Code ile üretim kalitesinde, benzersiz ön yüz tasarımları oluşturmanı sağlar. Jenerik AI görünümünden kaçınır; cesur tipografi, akıcı animasyonlar ve katmanlı görsel derinlik ile fark yaratan arayüzler üretir. Anthropic tarafından doğrulanmış resmi bir plugin (760.000+ kurulum).

Adım adım kurulum:

# Yöntem 1: Claude Code içinden (en kolay)
# Claude Code'u aç ve şunu yaz:
/plugin
# "Discover" sekmesinde "Frontend Design" ara ve kur

# Yöntem 2: Komut satırından
claude plugin install frontend-design

Kurulum kapsamı seçenekleri:

• User → Tüm projelerinde aktif olur (~/.claude/skills/)
• Project → Sadece mevcut projede aktif olur (.claude/skills/)

Kullanım örnekleri:

• "Müzik uygulaması için dashboard tasarla"
• "SaaS ürünü için landing page yap"
• "Portfolio sitesi için modern bir layout oluştur"

Fark yaratan özellikleri:

• Benzersiz font kombinasyonları
• Kaydırma tetiklemeli animasyonlar
• Asimetrik, ızgara-kırıcı yerleşimler
• Degradeler, dokular ve katmanlı efektler

4. Code Review Expert — Otomatik Kod İnceleme

Ne işe yarar: Kod analizi istediğinde otomatik devreye giren akıllı bir asistan. Güvenlik açıkları, mantık hataları ve performans darboğazlarını tespit eder. Bulguları critical / important / nice-to-have olarak önceliklendirir — peer review sürecini ciddi şekilde hızlandırır.

Adım adım kurulum:

# Yöntem 1: Claude Code içinden
/plugin
# "Discover" sekmesinde "Code Review Expert" ara ve kur

# Yöntem 2: Manuel kurulum
# 1. mcpmarket.com/tools/skills/code-review-expert-7 adresinden skill dosyasını indir
# 2. İndirdiğin dosyayı skills klasörüne kopyala:
mkdir -p ~/.claude/skills/code-review-expert
# İndirilen SKILL.md dosyasını bu klasöre taşı

# 3. Kurulumu doğrula
# Claude Code'u yeniden başlat ve /skills ile kontrol et

Kullanım örnekleri:

• "Bu dosyadaki güvenlik açıklarını tara"
• "Son commit'imi review et"
• "Bu fonksiyonun performansını analiz et"

5. Code Refactoring Expert — Güvenli Kod İyileştirme

Ne işe yarar: Claude'u kod bakımı konusunda uzmanlaşmış bir mühendise dönüştürür. Teknik borcu azaltır, kod kokularını (gereksiz karmaşıklık, tekrar eden yapılar, OOP ihlalleri) tespit eder. Method extraction, polimorfik değiştirme gibi kanıtlanmış tekniklerle kodu iyileştirir — ve bunu regresyon riski olmadan yapar.

Adım adım kurulum:

# Yöntem 1: Claude Code içinden
/plugin
# "Discover" sekmesinde "Code Refactoring Expert" ara ve kur

# Yöntem 2: Manuel kurulum
# 1. mcpmarket.com/tools/skills/code-refactoring-expert adresinden skill dosyasını indir
# 2. Skills klasörüne kopyala:
mkdir -p ~/.claude/skills/code-refactoring-expert
# İndirilen SKILL.md dosyasını bu klasöre taşı

# 3. Claude Code'u yeniden başlat ve /skills ile kontrol et

Kullanım örnekleri:

• "Bu sınıfı daha okunabilir hale getir"
• "Tekrar eden kod bloklarını temizle"
• "Legacy kodu modernize et ama API'yi bozma"

Güvenlik garantisi: Her refactoring işleminde zorunlu test doğrulaması ve geriye dönük uyumluluk kontrolü uygular.

Hızlı Başvuru Tablosu

EKSTRA 5 SKILL:

Google CLI Skill’i: https://mcpmarket.com/tools/skills/google-workspace-cli-assistant

N8N CLI Skill’i: https://mcpmarket.com/tools/skills/n8n-cli-automation

Derin Araştırma Skill’i: https://mcpmarket.com/tools/skills/deep-research-1776209485044

Token tasarrufu için Cavemen skill’i:https://github.com/JuliusBrussee/caveman

Skill Creator: İstediğiniz her şeyi skiller haline getirin: https://github.com/anthropics/skills/blob/main/skills/skill-creator/SKILL.md