SC

selmakcby/claude-agents-skills

Developer tools
117 stars 품질 40 트렌드 40

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.

개요

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

View this README on GitHub

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add selmakcby/claude-agents-skills