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,325+ 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,325+ 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.

Agent Personas

OpenCode'daki @sisyphus, @oracle gibi isimli ajan personaları artık Claude Code'da da aktif. /ajan-adı ile çağırın, görev bazlı uzmanlaşmış yapay zeka takımınız devreye girsin.

🏙
PROJE MÜDÜRÜ

Sisyphus

Ultraworker — büyük görevleri parçalar, subagent'lara dağıtır, sonuna kadar takip eder. İnsan müdahalesi olmadan %100 tamamlama hedefler.

Çağır: /sisyphus Login sistemi ekle
ULW: /sisyphus ulw CRM bitir
Plan Delegasyon Otonom Test
🔎
HATA DEDEKTİFİ

Oracle

Sistematik debugger — hipotez kurar, 5 Neden tekniği ile kök nedeni bulur. Semptom tedavisi değil, cerrahi düzeltme yapar.

Çağır: /oracle Bu fonksiyon neden null?
Rapor: BUG → KÖK NEDEN → FIX → TEST
Debug 5 Neden Regression Test
🏗
SİSTEM MİMARİ

Prometheus

İleri görüşlü mimar — API tasarımı, veritabanı şeması, altyapı kararları. Bugün yaz, 3 yıl sonra da ayakta kalsın.

Çağır: /prometheus API endpoint tasarla
Çıktı: Mermaid diyagram + ERD + trade-off
SOLID 12-Factor Mermaid
STRATEJİST

Metis

Bilge ve veri odaklı — teknik borç analizi, refactor kararları, teknoloji seçimi. Min 3 alternatif, tablo ile karşılaştırma.

Çağır: /metis React mı Vue mı?
Çıktı: Karar + Gerekçe + Risk tablosu
Karar Trade-off ROI
UI/UX UZMANI

Frontend Wizard

Yaratıcı ve detaycı — premium, animasyonlu, responsive arayüzler. Generic/sıkıcı UI YASAK. İlk bakışta WOW dedirtir.

Çağır: /frontend-wizard Dashboard tasarla
Stil: Glassmorphism + mikro-animasyon
React 19 Tailwind A11Y
📚
DOKÜMANTASYON

Librarian

Düzenli ve öz — README, CLAUDE.md, API docs, teknik wikiler. Mermaid diyagramları ve gerçek örneklerle.

Çağır: /librarian API dokümantasyonu yaz
Çıktı: README + tablo + diyagram
Markdown Mermaid Kısa&Öz

NASIL KULLANILIR — Agent Persona Sistemi

1. Slash Command

/sisyphus Login sayfası ekle
/oracle Bu crash'ı debug et
/prometheus Auth API tasarla

Her ajan ~/.claude/skills/ altında SKILL.md olarak kurulu. Garanti tetiklenir.

2. @Mention (CLAUDE.md)

@oracle neden null dönüyor?
@frontend-wizard bunu güzelleştir
@metis hangi DB kullanmalıyız?

Global CLAUDE.md içinde persona tanımları var. Claude otomatik tanır.

3. Always-On Kurallar

~/.claude/rules/
  kalite-standartlari.md
  # Her oturumda otomatik aktif

paths: frontmatter'ı olmayan kurallar her zaman yüklenir. Skill adı hatırlamana gerek yok.

🔗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,325+ 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
Buyuk Proje Baslat
// Sen yaziyorsun:
"E-ticaret sitesi yapacagiz. Urun
listeleme, sepet, odeme ve admin
paneli olacak."

// Claude otomatik:
→ Plan yapar → Onayini alir → Sirayla uygular
Bug Coz
// Sen yaziyorsun:
"Login oldugunda session kayboluyor.
Nedenini bul ve duzelt."

// Claude otomatik:
→ Kodu tarar → Nedeni bulur → Fix yazar → Test eder
Mimari Planla
// Sen yaziyorsun:
"Multi-tenant destek eklemek istiyorum.
3 farkli yaklasim oner."

// Claude otomatik:
→ Analiz yapar → 3 secenek sunar → Secimini bekler

OpenCode vs Claude Code — Detayli Karsilastirma

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

💡

Claude Code Nasil Calisiyor?

OpenCode (Eski)

@sisyphus, @atlas gibi isimli agent'lar vardi

• 2-3 agent ayni anda farkli dosyalara kod yazabiliyordu

• TUI'dan variant seciyordun

Claude Code (Yeni)

• Isimli agent yok — dogal dille konusuyorsun

Tek ana agent sirayla kod yazar (ama cok hizli)

• Arastirma/kesfif icin paralel subagent gonderir

• "Plan yap" dersen planlar, "uygula" dersen yazar

Ozet: OpenCode'da "@sisyphus CRM yap" diyordun, 3 agent ayni anda calisiyordu. Claude Code'da "CRM yap" diyorsun, Claude tek basina sirayla ama hizla yapiyor. Sonuc ayni — yontem farkli.

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
Ozel bir komut yok — dogal dille soyluyorsun.
Claude otomatik plan yapar, task listesi cikarir,
gerektiginde arastirma icin paralel subagent gonderir.
Nasil Kullanilir?
Sadece ne istedigini yaz. Claude gerisiyle ilgilenir:
"Uye admin CRM dashboard yapalim.
  Uye listesi, rol yonetimi ve
  istatistik paneli olsun."
"E-ticaret sitesine sepet sistemi ekle.
  Stripe entegrasyonu, stok kontrolu ve
  siparis takibi de olsun."
⚠ Fark: OpenCode'da @sisyphus 2-3 agent'i ayni anda kod yazdirir. Claude Code'da artik /sisyphus, /oracle gibi named persona skill'leri var. Tek agent sirayla yazar ama Agent Teams (deneysel) ile paralel de mumkun.
OPENCODE

@hephaestus (Deep Agent)

🔨

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

Claude Code Karsiligi
"Detayli incele" veya "analiz et" demen yeterli.
Claude otomatik olarak Explore subagent'lari
gonderir ve kapsamli rapor cikarir.
Nasil Kullanilir?
Analiz/arastirma isteklerinde Claude arka planda kesfif agent'lari calistirir:
"Bu projeyi incele. Authentication nasil
  calisiyor, hangi dosyalar ilgili,
  guvenllik acigi var mi bak."
"API endpoint'lerinin hepsini bul ve
  listele. Rate limiting, auth middleware
  durumlarini da raporla."
"Database performansini analiz et.
  Yavas sorgular ve N+1 problemleri
  var mi? Cozum onerileriyle raporla."
OPENCODE

@prometheus (Plan Builder)

💡

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

Claude Code Karsiligi
"Planla" veya "mimari oner" demen yeterli.
Claude plan moduna gecer, kod yazmadan
once strateji ve mimari onerisi sunar.
Nasil Kullanilir?
Planlama isteklerinde Claude kod yazmaz, strateji sunar. "Tamam uygula" deyince yazmaya baslar:
"Odeme sistemi eklemek istiyorum.
  Stripe mi Iyzico mu? Avantaj ve
  dezavantajlariyla birlikte planla."
"Bu projeyi microservice'e gecirmek
  istiyorum. Nasil bir yol izlemeliyiz?
  Riskleriyle birlikte 3 secenek sun."
[Plan gelir, okursun]
"Tamam, 2. secenegi uygula."
→ Claude simdi kod yazmaya baslar
OPENCODE

@atlas (Plan Executor)

🌏

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

Claude Code Karsiligi
"Uygula" veya "yap" demen yeterli.
Claude plani adim adim hayata gecirir.
Tek agent olarak sirayla kod yazar.
Nasil Kullanilir?
Plan onaylandiktan sonra "uygula" de. Claude sirayla tum adimlari yapar:
"Tamam, bu plani uygula."
→ Claude sirayla: DB → API → Frontend → Test yazar
"Auth middleware ekle, bittikten sonra
  login sayfasini da yap."
→ Sirayla yapar, her adimda sana gosterir
ⓘ Not: OpenCode'da @atlas birden fazla dosyaya ayni anda yazabiliyordu. Claude Code ise sirayla yazar — ama hiz farki pratikte az, cunku tek agent cok hizli calisiyor.

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

"Login sayfasini sisteme ekle" yaziyorsun. Claude:

1. Plan yapar (otomatik)
2. Explore subagent → Mevcut kodu tarar (paralel)
3. Ana agent → Backend API yazar
4. Ana agent → Frontend component yazar
5. Ana agent → Test yazar

Named agent /sisyphus, /oracle, /prometheus skill'leri ile artik var. Arastirma paralel, kod yazma sirayla (tek agent). Agent Teams deneysel olarak paralel kod destekliyor.

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 — arastirma icin paralel, worktree isolation
1,325+ 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 persona — /sisyphus, /oracle, /prometheus skill'leri ile
Gercek paralel kod yazma yok — tek agent sirayla yazar

04 Feature-dev Plugin — 7 Fazli Workflow

OpenCode'daki named agent'larin en yakin karsiligi. /feature-dev komutu ile baslatilir. Tek fark: butun fazlari tek agent sirayla yapar, birden fazla agent ayni anda kod yazmaz.

🔍
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.