Claude Code — The Complete Engineering Encyclopedia

Tum Sistem,
Tek Rehber.

Skills, subagentler, MCP sunuculari, repo ekosistemi ve uretim odakli is akislari — OpenCode'den Claude Code'a tamamen guncellenmis, eksiksiz.

Anthropic Claude Opus 4.6 / Sonnet 4.6 1,239+ Agentic Skills MCP Protocol

/Skills & Slash Komutlari

BUILT-IN — Claude Code Dahili

/init Kritik

Projeyi tarar, CLAUDE.md dosyasi olusturur. Yeni projeye baslarken ilk komutunuz.

/compact Token Tasarrufu

Konusmay sikstirir, context window'u verimli kullanir. Uzun seanslarda duzgun calismaya devam etmek icin.

/review

Mevcut degisiklikleri inceler, kod kalitesini degerlendirir. PR oncesi son kontrol.

/mcp

Aktif MCP sunucularini listeler. Baglanti durumlarini kontrol edin.

/memory

Kalici hafiza sistemini yonetir. Kullanici tercihleri, proje bilgileri ve geri bildirimler konusmalar arasi hatirlanir.

/bug

Hata raporu gonderir. Claude Code ile ilgili sorunlari dogrudan Anthropic'e iletin.

/doctor

Sistemi analiz eder, bagimliliklari kontrol eder. Sorunlarda ilk basvuru noktaniz.

MUHENDISLIK SKiLLERi — .claude/skills/

/brainstorming Strateji

Mimariyi tartisir. "Hangi DB?", "Hangi yaklasim?" — kararlari sistematize eder.

/writing-plans Planlama

Gorevi adim adim plana doker. TodoWrite ile entegre calisir.

/systematic-debugging

Bilimsel hata ayiklama: Hipotez → Log → Test. Inatci buglari koreografik cozum dongusuyle yener.

/test-driven-development

Once Test (Fail) → Sonra Kod (Pass) → Refactor. TDD dongusu.

/verification-before-completion

Gorevi tamamlamadan once dogrulama yapar. Test, lint, build kontrolu.

/dispatching-parallel-agents

Birden fazla subagent'i paralel calistirir. Bagimsiz gorevleri es zamanli yapar.

KURULUM — Skills Nasil Yuklenir?

Antigravity Awesome Skills (1,239+ Skill)

npx antigravity-awesome-skills --claude
# Skills: ~/.claude/skills/ altina yuklenir

Tum buyuk kategorileri icerir: brainstorming, debugging, TDD, code review, security audit, deployment, ve 1200+ daha fazlasi.

Manuel Skill Ekleme

# Proje bazli skill
.claude/skills/my-skill.md

# Global skill
~/.claude/skills/my-skill.md

Markdown dosyalari olusturun. Claude Code otomatik kesfeder ve /skill-name ile cagirabilirsiniz.

TASARIM & FRONTEND

/enhance-prompt

Kisa fikri profesyonel UI/UX prompt'una cevirir.

/react:components

Tasarimi moduler React + Tailwind bilesenlerine donusturur.

/shadcn-ui

Projeye Shadcn/UI kurar ve entegre eder.

/frontend-design

AI slop'u onler. Cesur, orijinal tasarim kararlari aldirir. React + Tailwind icin optimize.

/canvas-design

PNG/PDF formatinda gorsel sanat eserleri uretir.

EK YETENEKLER

/executing-plans

Plani adim adim uygular.

/code-reviewer

Detayli kod incelemesi yapar.

/using-git-worktrees

Izole git dali acar.

/finishing-a-development-branch

Dal kapatma ve merge sureci.

/simplify

Degisen kodu kalite, yeniden kullanim ve verimlilik icin inceler.

/loop

Bir komutu belirli aralikla tekrarlar. Monitoring icin.

🤖Subagent Sistemi

Claude Code, gorevleri bagimsiz alt sureclere (subagent) devredebilir. Her subagent kendi context window'unda calisir, ana konusmay kirletmez.

GENEL AMACLI

general-purpose

Karmasik, cok adimli gorevleri otonom halleder. Arastirma, kod arama ve multi-step execution. Varsayilan agent tipi.

Agent: "Bu API endpoint'ini
arastir ve test yaz."
KESIF

Explore

Codebase kesifleri icin hizli ajan. Dosya pattern'leri, keyword aramalari ve mimari sorulari hizla cevaplar.

Agent(Explore): "src/ altindaki
tum API endpoint'lerini bul."
MIMAR

Plan

Yazilim mimari ajani. Uygulama stratejisi tasarlar, kritik dosyalari belirler, trade-off'lari degerlendirir.

Agent(Plan): "Auth middleware
refactoring stratejisini cikar."
REHBER

claude-code-guide

Claude Code, Claude API, SDK ve MCP hakkinda sorulari cevaplar. "Nasil yaparim?" sorulari icin.

"MCP server'i nasil
ayarlarim?" → bu agent devreye girer
PARALEL CALISTIRMA

Background & Worktree Isolation

Subagent'ler arka planda (run_in_background) veya izole git worktree'lerde (isolation: worktree) calisabilir. Bagimsiz gorevleri paralel yuruten bu sistem, OpenCode'daki /ulw-loop ve /dispatching-parallel-agents mantgn Claude Code'a tasir.

Background:
Agent devam eder, siz baska
islerle ilgilenirsiniz. Bitince
otomatik bildirim gelir.
Worktree:
Agent izole repo kopyasinda
calisir. Ana dali kirletmez.
Degisiklikler ayri branch'te kalir.

🔗MCP Sunuculari

Model Context Protocol, Claude Code'a dis servislerle iletisim yetenegi kazandirir. Stitch tasarim motoru, veritabani erisimi ve daha fazlasi.

TASARIM MCP

stitch-mcp

Google Stitch gorsel uretim motoru

Aktif

Google'in Stitch AI ile dogal dilde UI tasarimi. Claude Code bu MCP araciligiyla gercek zamanli onizlemeli arayuz uretir.

MCP Config
{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": ["@_davideast/stitch-mcp", "proxy"]
    }
  }
}
Kurulum: npx @_davideast/stitch-mcp init
Serve: npx @_davideast/stitch-mcp serve -p <id>
Build: npx @_davideast/stitch-mcp site -p <id>
KONFIGURASYON REHBERI

MCP Nasil Eklenir?

1. Proje Bazli MCP

# .claude/mcp.json dosyasi olusturun
{
  "mcpServers": {
    "server-adi": {
      "command": "npx",
      "args": ["paket-adi"]
    }
  }
}

2. Global MCP

Claude Code settings uzerinden veya ~/.claude/settings.json dosyasina ekleyin.

3. MCP Durumunu Kontrol Et

/mcp
# Aktif MCP sunucularini ve durumlarini gosterir

📦Sistem Repolari & Ekosistem

_AI_TOOLS/ altinda kurulu repolar. Claude Code ekosisteminin cekirdek yetenekleri.

SKILL KUTUPHANESI — 1,239+ Skill

antigravity-awesome-skills

sickn33/antigravity-awesome-skills

Kurulu & Aktif

1,239+ universal agentic skill. Claude Code, Gemini CLI, Cursor, Copilot ve daha fazlasiyla uyumlu. Brainstorming, debugging, TDD, security, deployment — her sey dahil.

Kurulum
npx antigravity-awesome-skills --claude
RESMI ANTHROPIC SKILLS

awesome-claude-skills

travisvn/awesome-claude-skills

Kurulu

Resmi ve topluluk Claude Skills koleksiyonu. PDF, DOCX, XLSX islemleri, frontend-design, mcp-builder, algorithmic-art ve daha fazlasi.

Onemli Skill'ler
pdf docx xlsx frontend-design mcp-builder algorithmic-art
TASARIM MCP

stitch-mcp

@_davideast/stitch-mcp

MCP: Aktif

Google Stitch AI tasarimlarini lokal gelistirme ortaminiza tasir. Preview, build ve coding agent entegrasyonu tek CLI'da.

STITCH SKILLS

stitch-skills

Kurulu

Stitch MCP ile kullanilmak uzere ozel tasarim skill'leri. Iteratif UI tasarim dongusu icin.

TASARIM ZEKASI

ui-ux-pro-max-skill

Kurulu

AI destekli tasarim zekasi arac kiti. UI stilleri, renk paletleri, font eslestirme, chart tipleri ve UX rehberleri icin aranabilir veritabani.

python3 search.py "dark dashboard" --domain style
OZEL SKILL'LER — 25 Skill Kurulu

my-custom-skills

.claude/skills/ altina kurulu

Kurulu & Aktif

Kisisel skill koleksiyonu. Her projede otomatik erisilebilir. /skill-adi ile cagrilir.

Frontend & Web (7)
3d-web-experience frontend-developer interactive-portfolio scroll-experience react-best-practices react-patterns tailwind-patterns
Tasarim & UX (4)
canvas-design mobile-design ui-ux-pro-max algorithmic-art
Backend & Fullstack (5)
backend-dev-guidelines database-design api-patterns nextjs-best-practices senior-fullstack
Icerik & CRO (3)
content-creator copy-editing form-cro
Entegrasyon (5)
stripe-integration hubspot-integration plaid-fintech twilio-communications algolia-search
Audit (1)
seo-audit
CLAUDE CODE — RESMI REPO

claude-code

anthropics/claude-code

Referans

Anthropic'in resmi Claude Code reposu. Plugins, ornekler ve belgeler. Hata raporlari ve topluluk katilimi icin GitHub Issues kullanin.

Kurulum
irm https://claude.ai/
install.ps1 | iex
Belgeler
code.claude.com/
docs/en/overview
Bug Report
/bug komutu veya
GitHub Issues

🔄Ileri Seviye Is Akislari

A Sifir Hata ile Yeni Ozellik Ekle

1/init ile projeyi sisteme tanit, CLAUDE.md olustur
2Agent(Plan) ile mimari karar al, strateji belirle
3worktree isolation ile izole git dali ac
4TodoWrite + Agent ile paralel uygulama
5/review ile kod incele, test calistir, PR olustur
Worktree isolation sayesinde ana dal her zaman temiz kalir. Subagent'ler paralel calisir, TodoWrite ile ilerleme takip edilir. Sadece onaylanan, test edilen kod merge edilir.

B Fikirden Urune (Tasarim → Kod)

1/enhance-prompt ile fikri profesyonel prompt'a cevir
2stitch-mcp ile gorsel prototip uret
3ui-ux-pro-max ile stil ve renk kararlarini al
4/react:components ile koda donustur
5/frontend-design ile AI slop'u onle, polish ekle
"Tasarim tamamlanmadan kodlamaya baslama" prensibi. Stitch MCP gorsel cikti uretir, ui-ux-pro-max kararlar destekler, frontend-design skill kaliteyi garanti eder.

C Inatci Bug Avlama (Self-Healing Loop)

1/systematic-debugging ile bilimsel hipotez kur
2Agent(Explore) ile ilgili kod parcalarini tara
3Hipotezi test et, log analizi yap
4/test-driven-development ile fix'i dogrula
OpenCode'daki /ralph-loop mantigi. Claude Code'da /systematic-debugging skill'i ayni koreografik donguyu saglar: Hata → Hipotez → Analiz → Cozum → Test. Durmaz, cozene kadar iterate eder.

📁Dosya Yapisi & Konfigurasyon

CLAUDE.md — Proje Beyni

OpenCode'da AGENTS.md ne ise, Claude Code'da CLAUDE.md odur. Proje hakkindaki tum bilgileri icerir: yapi, konvansiyonlar, build komutlari, test stratejisi.

# CLAUDE.md

## Build & Test
npm run build && npm test

## Architecture
src/ — kaynak kod
tests/ — test dosyalari

## Conventions
- TypeScript strict mode
- Tailwind CSS for styling

/init komutu bu dosyay otomatik olusturur. Manuel duzenleme her zaman mumkun.

DIZIN YAPISI

Proje Koku/
├── CLAUDE.md # Proje bilgi bankasi
├── .claude/
│  ├── settings.local.json # Izinler
│  ├── mcp.json # MCP sunuculari
│  └── skills/ # Proje bazli skill'ler
│     ├── my-skill.md
│     └── ...
├── src/
└── ...

~/.claude/ # Global config
├── settings.json
├── skills/ # Global skill'ler
└── projects/
   └── memory/ # Kalici hafiza

HAFIZA SISTEMI — Konusmalar Arasi Baglam

user

Kullanicinin rolu, tercihleri ve bilgi seviyesi. Gelecek konusmalarda kisisellestirilmis yardim icin.

feedback

Kullanicinin verdigi duzeltmeler. Ayni hatayi tekrarlamamak icin kalici rehber.

project

Devam eden isler, hedefler, deadlinelar. Proje baglamini korur.

reference

Dis kaynaklara isaretciler. Linear projeleri, Slack kanallari, dashboardlar.

🚀OpenCode → Claude Code Gecis Rehberi

OpenCode Claude Code Karsiligi Not
/init-deep /init CLAUDE.md olusturur
AGENTS.md CLAUDE.md Proje bilgi bankasi
/new /compact Context temizleme
/ulw-loop Agent(background) + TodoWrite Paralel otonom calisma
/ralph-loop /systematic-debugging Self-healing debug dongusu
/stitch-loop stitch-mcp + /enhance-prompt MCP uzerinden tasarim
@sisyphus Agent(Plan) + TodoWrite Proje yonetimi ve planlama
@oracle /systematic-debugging Hata dedektifi
@frontend /frontend-design + stitch-mcp UI/UX uzmani
@promethus Agent(Plan) Sistem mimari
@metis /brainstorming + Agent(Plan) Strateji ve olceklendirme
/mcps /mcp MCP yonetimi
/supermemory-init /memory + auto memory Kalici hafiza sistemi
/handoff /compact + memory Seans devir teslim
Sisyphus Gibi Kullan
"E-ticaret sitesi yapacagiz.
Once plan yap, task listesi cikar,
sonra her task'i paralel agent'larla
ayni anda calistir. Frontend ve
backend birlikte ilerlsin."
Oracle Gibi Debug Et
"/systematic-debugging
Kullanici login oldugunda session
kayboluyor. Hipotez kur, log'lari
analiz et, root cause bul, fix yaz
ve test ile dogrula."
Prometheus Gibi Planla
"Plan mode'a gec. Bu projeye
multi-tenant destek eklememiz lazim.
Database, auth ve routing katmanlarini
analiz et. 3 farkli yaklasim oner,
trade-off'lariyla birlikte."

⚖OpenCode vs Claude Code — Detayli Karsilastirma

Named agent'lar, paralel calisma, artilari/eksileri ve feature-dev workflow'u ile tam karsilastirma.

01 Named Agent Karsiliklari

OPENCODE

@sisyphus (Ultraworker)

🏆

Proje yoneticisi. Buyuk gorevleri parcalar, alt gorevlere ayirir, diger agent'lara dagitir. Opus 4.6 ile calisiyor.

Claude Code Karsiligi
Agent(Plan) + TodoWrite
+ paralel subagent dispatch
Ornek Prompt'lar
➤ "Login sistemi ekle. Once plan yap,
  gorev listesi olustur, sonra paralel
  calistir — frontend ve backend ayni anda."
➤ "Bu projeyi analiz et. Task listesi
  cikar, oncelik sir. Her task icin
  ayri agent calistir."
➤ "/feature-dev E-ticaret sepet sistemi
  ekle. Stripe entegrasyonu da olsun."
OPENCODE

@hephaestus (Deep Agent)

🔨

Derin analiz ve usta iscilik. Gemini 3 Flash Preview ile detayli codebase taramasi yapar.

Claude Code Karsiligi
Agent(Explore, "very thorough")
+ code-explorer agent
Ornek Prompt'lar
➤ "Bu projedeki authentication akisini
  bastan sona trace et. Her dosyayi,
  her fonksiyonu detayli incele."
➤ "src/ altindaki tum API endpointlerini
  bul. Hangi middleware'ler kullaniliyor,
  rate limiting var mi, raporla."
➤ "Database sorgularini tara. N+1
  problemi veya yavas sorgu var mi?
  Performans raporu cikar."
OPENCODE

@prometheus (Plan Builder)

💡

Sistem mimari. Mimari tasarim, strateji onerme, trade-off degerlendirme. Opus 4.6 ile calisir.

Claude Code Karsiligi
Agent(Plan) / EnterPlanMode
+ code-architect agent
Ornek Prompt'lar
➤ "Odeme sistemi icin en iyi mimariyi
  oner. Stripe vs Iyzico trade-off'larini
  degerlendir. Plan mode ac."
➤ "Monolith'ten microservice'e gecis
  stratejisi tasarla. Hangi servisi
  once ayiralim, risk analizi yap."
➤ "Real-time notification sistemi kur.
  WebSocket vs SSE vs polling —
  3 yaklasimi karsilastir, oner."
OPENCODE

@atlas (Plan Executor)

🌏

Plan uygulayici. Hazir plani adim adim hayata gecirir. Opus 4.6 ile kodlar.

Claude Code Karsiligi
Agent(general-purpose)
+ run_in_background
+ isolation: "worktree"
Ornek Prompt'lar
➤ "Plani uygula. Arka planda worktree
  ac, frontend componentlerini yaz.
  Ben de baska seyle ilgileneyim."
➤ "Su 5 task'i paralel calistir:
  API routes, DB migration, tests,
  validation, error handling."
➤ "Izole branch'te refactoring yap.
  Bitince sonuclari goster, ana
  dal'a merge etme — once review."

02 Paralel Calisma Karsilastirmasi

OPENCODE YAKLASIMI

@sisyphus yaziyor: "Login sayfasini sisteme ekle." Otomatik olarak:

@sisyphus → Plan yapar
@frontend → UI/UX calisir (paralel)
@librarian → Backend yazar (paralel)
@oracle → Sonucta debug yapar

Named agent'lar arkadasiniz gibi — direkt "@sisyphus yap sunu" dersiniz. TUI arayuzunde variant secimi yaparsiniz.

CLAUDE CODE YAKLASIMI

Claude Code 2-6 subagent'i ayni anda calistirir:

Agent(Plan) → Mimari cikarir
Agent(Explore) x2 → Codebase tarar (paralel)
Agent(general, bg) → Backend yazar
Agent(general, worktree) → Frontend yazar
code-reviewer x3 → Kalite kontrol (paralel)

Named agent yok ama dinamik — her gorev icin ozel agent olusturur. feature-dev plugin ile 7-fazli otomatik workflow.

03 Artilari & Eksileri

OC OpenCode

Artilari
✓Named agent UX — direkt @sisyphus yaz
✓TUI arayuzu — gorsel agent secimi
✓Coklu model desteği — Claude, Gemini, vs.
✓Go tabanli — cok hafif ve hizli
Eksileri
✗Arsivlendi — Crush'a tasindi, gelecegi belirsiz
✗Topluluk kuculuyor, plugin/skill ekosistemi duruyor
✗Resmi destek yok

CC Claude Code

Artilari
✓Anthropic resmi destegi — aktif gelistirme
✓Subagent sistemi — 2-6 paralel agent, worktree isolation
✓1,200+ skill ekosistemi + MCP protokolu
✓Kalici hafiza sistemi (user, feedback, project, reference)
✓IDE entegrasyonu (VS Code, JetBrains)
✓Hooks sistemi — tool cagrilarini otomasyona bag
Eksileri
✗Sadece Claude modelleri (Gemini, GPT yok)
✗Named agent yok — dinamik agent sistemi alisma sureci

04 Feature-dev Plugin — 7 Fazli Workflow

OpenCode'daki @sisyphus + @frontend + @librarian birlikte calisma deneyiminin Claude Code karsiligi. /feature-dev komutu ile baslatilir.

🔍
Discovery
Ne yapilacak?
🔎
Explore
2-3 agent paralel
❓
Clarify
Soru & cevap
📏
Architect
2-3 mimar paralel
💻
Implement
Kod yaz
🔐
Review
3 reviewer paralel
🎉
Summary
Rapor & PR
code-explorer

Mevcut codebase'i tarar. Entry point'ler, cagri zincirleri, veri akisi ve mimari katmanlari haritalar.

code-architect

Ozellik mimarisi tasarlar. Minimal, clean ve pragmatik olmak uzere 3 yaklasim sunar.

code-reviewer

Bug, kalite ve konvansiyon kontrolu. %80+ guven seviyesinde sorunlari raporlar.

✨Premium Animasyon Rehberi

ANIMASYON YIGINI

GSAP + ScrollTrigger Timeline & Scroll
Three.js 3D & WebGL
Anime.js Mikro-etkilesim
Framer Motion React Gecisleri
Motion (ex Framer) Framework-agnostic
Locomotive Sinematik Scroll

HAZIR PROMPT SABLONLARI

GSAP — Buyuk Animasyonlar
GSAP ScrollTrigger ile hero basligini harf harf stagger animasyonuyla goster. Only transform & opacity.
Three.js — 3D Efektler
Three.js ile mouse'a tepki veren 3D parcacik arka plani ekle. Koyu nebula temasi.
Anime.js — Mikro-etkilesimler
Anime.js kullanarak 'Satin Al' butonunu hover'da elastik sektir. Sadece transform kullan.
Motion — Framework Agnostic
Motion library ile kart girislerini stagger ile asagidan yukari animasyonla goster. Spring physics kullan.
⚠️

Performans Altin Kurali

Her zaman belirtin: "Only animate transform and opacity." Asla width, height, top gibi degerleri animasyonla degistirmeyin — reflow/repaint yavaslatir.