Multi-Agent Claude Code setup — 4 uzman ajan (planner · ui-agent · builder · reviewer) + skills + Next.js demo projesi. YouTube Bölüm 1 video materyalleri.
Overview
Bu repo, YouTube videomdaki setup'ının tam halidir. Kopyala, kendi makinene kur, 20 dakikada aynı sistem sende. Bölüm 1 — bu video · Ajanlar + Skills temel yapı Bölüm 2 — sonraki video · Ajanlar + Obsidian (kalıcı hafıza) Doğrulama: Claude Code içinde /agents yaz → 4 ajanın listede olduğunu gör. Doğrulama: Claude Code içinde /tdd, /code-review, /ui-ux-pro-max yazarak dene. Ne göreceksin: planner → ui-agent → builder → reviewer zinciri, her biri tek özet döndürüyor, Ana Claude orchestra. Detaylı demo senaryosu: my-project-demo/DEMO.md Global (~/.claude/agents/) → her projede kullanabilirsin Proje (projenin-kökü/.claude/agents/) → sadece o projeye özel Demo projede ikisi de var — öğrenmek için.
README
Claude Agents + Skills — Video Paketi
Bu repo, YouTube videomdaki Claude Code ajanları + skill’ler setup’ının tam halidir. Kopyala, kendi makinene kur, 20 dakikada aynı sistem sende.
Bölüm 1 — bu video · Ajanlar + Skills temel yapı Bölüm 2 — sonraki video · Ajanlar + Obsidian (kalıcı hafıza)
Klasörler
| Klasör | İçerik | Kime? |
|---|---|---|
agents-demo/ |
4 ajan tanım dosyası (planner, ui-agent, builder, reviewer) | Ajanları ~/.claude/agents/ altına kopyalayacaksan |
skills-demo/ |
3 örnek skill (tdd, code-review, ui-ux-pro-max) | Skill’leri ~/.claude/skills/ altına kopyalayacaksan |
my-project-demo/ |
Gerçek bir Next.js projesi — ajanlar + skill’ler birlikte çalışırken | Tüm zinciri canlı görmek için |
agents-obsidian-presentation.html |
Videodaki sunum (terminal/hacker teması) | Kendi videomda kullanıyorum |
agents-obsidian-script.md |
Sunumun konuşma metni | Referans |
agents-obsidian-cues.md |
Çekim sırası notlarım | Referans |
Hızlı kurulum (3 adım)
1. Claude Code’u kur
npm install -g @anthropic-ai/claude-code
Detay: https://claude.com/code
2. Ajanları global olarak kopyala
# 4 ajan → kullanıcı dizinine
cp agents-demo/*.md ~/.claude/agents/
Doğrulama: Claude Code içinde /agents yaz → 4 ajanın listede olduğunu gör.
3. Skill’leri global olarak kopyala
# 3 örnek skill → kullanıcı dizinine
cp -r skills-demo/tdd ~/.claude/skills/
cp -r skills-demo/code-review ~/.claude/skills/
cp -r skills-demo/ui-ux-pro-max ~/.claude/skills/
Doğrulama: Claude Code içinde /tdd, /code-review, /ui-ux-pro-max yazarak dene.
Demo projeyi çalıştır
cd my-project-demo
npm install
npm run dev
Claude Code’u bu klasörde aç:
cd my-project-demo
claude
Canlı deneme için:
"Pricing sayfası yap — Stripe ile 3 plan"
Ne göreceksin: planner → ui-agent → builder → reviewer zinciri, her biri tek özet döndürüyor, Ana Claude orchestra.
Detaylı demo senaryosu: my-project-demo/DEMO.md
Ajan + skill eşleşmesi (bu setup’ta)
planner ──▶ /plan · /new-ai-app
ui-agent ──▶ /ui-ux-pro-max · /new-ai-app
builder ──▶ /tdd · /build-fix
reviewer ──▶ /code-review · /security-review · /simplify
Kaynaklar — topluluktan ne alabilirsin
[ AJAN KOLEKSİYONLARI ]
| Repo | Ne var? |
|---|---|
| wshobson/agents | 184 ajan + 150 skill · en olgun ekosistem |
| VoltAgent/awesome-claude-code-subagents | 100+ ajan · kategori bazlı |
| 0xfurai/claude-code-subagents | 100+ production-ready ajan |
| rahulvrane/awesome-claude-agents | Tüm ajan repolarının meta-dizini |
[ SKILL KOLEKSİYONLARI ]
| Repo | Ne var? |
|---|---|
| anthropics/skills | Anthropic resmi · pdf, docx, excel, claude-api |
| VoltAgent/awesome-agent-skills | 1000+ skill · Anthropic, Google, Vercel, Stripe |
| travisvn/awesome-claude-skills | Curated community skill listesi |
| anthropics/claude-code | Claude Code’un resmi repo’su · dökümantasyon |
Klasör yapısı (detay)
.
├── agents-demo/
│ ├── README.md ← neden 4 ajan, güç paylaşımı, model seçimleri
│ ├── planner.md ← opus · planlama
│ ├── ui-agent.md ← sonnet · tasarım
│ ├── builder.md ← sonnet · kod (TDD)
│ └── reviewer.md ← sonnet · kalite + güvenlik
│
├── skills-demo/
│ ├── README.md
│ ├── tdd/
│ │ └── SKILL.md ← basit skill örneği
│ ├── code-review/
│ │ └── SKILL.md
│ └── ui-ux-pro-max/ ← zengin skill örneği
│ ├── SKILL.md ← ana talimat
│ ├── styles.md ← referans · stil kütüphanesi
│ ├── palettes.md ← referans · renk paletleri
│ ├── fonts.md ← referans · font eşleşmeleri
│ └── components.md ← referans · komponent örnekleri
│
├── my-project-demo/
│ ├── CLAUDE.md ← projeye özel kurallar
│ ├── DEMO.md ← video çekimi senaryosu
│ ├── README.md
│ ├── .claude/
│ │ ├── agents/ ← 4 ajan (proje-seviyesi)
│ │ └── skills/ ← 5 skill (proje-seviyesi)
│ ├── demo-prompts/ ← örnek kullanıcı promptları
│ └── src/ ← Next.js kod
│
├── agents-obsidian-presentation.html
├── agents-obsidian-script.md
└── agents-obsidian-cues.md
SSS
“Global mi proje seviyesi mi kurayım?”
Global (~/.claude/agents/) → her projede kullanabilirsin
Proje (projenin-kökü/.claude/agents/) → sadece o projeye özel
Demo projede ikisi de var — öğrenmek için.
“4 ajan yetmiyor, daha çok lazım?”
wshobson/agents repo’sunda 184 tane var. agents-demo/ yerine oradan çek.
“Skill yazmak zor mu?”
5 dakika. ~/.claude/skills/my-skill/SKILL.md oluştur, YAML frontmatter + markdown talimat ekle. skills-demo/tdd/SKILL.md en basit örnek.
“Obsidian entegrasyonu nerede?” Bir sonraki video. Bu video temel yapıyı anlatıyor, video 2 hafızayı ekliyor.
Lisans
MIT — kendi projende kullan, değiştir, yeniden paylaş.
Video: [YouTube linki video yayınlandığında buraya] Yazar: Selma · 2026
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add selmakcby/claude-agents-skills