Preskoči na glavni sadržaj

Ovaj Claude Code vodič obuzima mrežu — već prešao 20k+ zvezdica!

ErgeAIProgramer1358 reči5 minuta

Pre nekoliko dana sam listao GitHub i otkrio blago — Everything Claude Code. Posle jednog dana istraživanja došao sam do zaključka: ovaj lik je igrao Claude Code do maksimuma!

Iskreno, kao neko ko Claude Code koristi svaki dan, moja prva reakcija na ovaj repozitorijum je bila: Ovo nije skup konfiguracija, to je "varanje" za Claude Code!

01. Šta je toliko fascinantno u ovom repozitorijumu?

Prvo, pozadina: autor ovog repozitorijuma affaan-m nije običan programer — on je pobednik Anthropic-ovog hakatona, koji je pomoću Claude Code-a izgradio projekat zenith.chat.

Ove konfiguracije su konfiguracije proizvodnog nivoa koje su nastale tokom više od 10 meseci intenzivne svakodnevne upotrebe.

Šta se nalazi u repozitorijumu?

  • Agents - razni profesionalni pod-Agenti (arhitekte, pregledači koda, inženjeri za testiranje itd.)
  • Skills - definicije tokova rada i znanje iz domena (TDD, sigurnosni pregled, optimizacija performansi itd.)
  • Commands - komande sa kosom crtom (brzo izvršavanje čestih operacija)
  • Rules - pravila koja se obavezno poštuju (stil koda, sigurnosne provere, zahtevi za testiranje)
  • Hooks - automatizacija zasnovana na događajima (upravljanje sesijama, inteligentna kompresija itd.)
  • MCP konfiguracije - konfiguracije raznih servera (GitHub, Supabase, Vercel itd.)

Samo pomislite na ove funkcije u kombinaciji — oduševljenje je zagarantovano!

02. Praktična instalacija

Ako volite da potpuno kontrolišete svaku konfiguraciju kao ja, možete ručno da instalirate:

# Klonirajte repozitorijum
git clone https://github.com/affaan-m/everything-claude-code.git

# Kopirajte agente
cp everything-claude-code/agents/*.md ~/.claude/agents/

# Kopirajte pravila
cp everything-claude-code/rules/*.md ~/.claude/rules/

# Kopirajte komande
cp everything-claude-code/commands/*.md ~/.claude/commands/

# Kopirajte skills
cp -r everything-claude-code/skills/* ~/.claude/skills/

03. Test ključnih funkcija

Izabrao sam nekoliko najpraktičnijih funkcija za testiranje.

Agent

Ovaj repozitorijum pruža više specijalizovanih agenata:

planner.md - Agent za planiranje funkcija

---
name: planner
description: Creates detailed implementation plans
tools: Read, Grep, Glob, Bash
model: sonnet
---

Jednostavno u razgovoru ukucajte "Koristi planner agent za analizu: kako dodati funkciju pretrage sajtu".

Ovo je od ključnog značaja: stručnjaci rade stručne poslove, agenti čine Claude Code fokusiranijim.

Komande sa kosom crtom

Ove komande su čarobni štapići za efikasnost:

  • /tdd - tok rada za TDD razvoj
  • /e2e - generisanje E2E testova
  • /code-review - pregled kvaliteta koda
  • /build-fix - popravljanje grešaka pri gradnji
  • /refactor-clean - čišćenje mrtvog koda

Probao sam komandu /code-review:

  1. Automatski skenira bazu koda
  2. Proverava pitanja kvaliteta koda
  3. Identifikuje potencijalne sigurnosne propuste
  4. Daje predloge za poboljšanje

Hajde da vidimo rezultat:

# Koristite komandu
/code-review

# Izlaz
✓ Provereno x datoteka
⚠ Pronađeno x sigurnosnih problema
⚠ Pronađeno x nepoželjnih obrazaca u kodu
💡 Pruženo x predloga za poboljšanje

Kako vam se čini, nije li sjajno?

Rules obavezna pravila

Rules su vodeća načela koja se "uvek poštuju", a obuhvataju:

  • security.md - sigurnosne provere (nema hard-kodiranih ključeva, validacija unosa itd.)
  • coding-style.md - stil koda (nepromenljivost, organizacija datoteka itd.)
  • testing.md - zahtevi za testiranje (TDD, 80% pokrivenosti itd.)
  • git-workflow.md - Git tok rada (format commit poruka, procesi za PR itd.)

Ova pravila Claude Code uvek poštuje, za razliku od običnih promptova koji se mogu ignorisati.

Naročito mi se sviđaju pravila u coding-style.md:

  • Naglasak na nepromenljivosti (Kritično) - jasno zabranjuje mutaciju objekata, nameće korišćenje operatora širenja objekata za kreiranje novih — ovo je prvi prioritet u dokumentaciji
  • Principi organizacije koda - preferira mnogo malih datoteka umesto nekoliko velikih, definiše optimalni opseg linija (200-400, maksimalno 800)
  • Praktični primeri koda - svako pravilo prati primer u obliku kontrasta koji prikazuje pogrešan (WRONG) i ispravan (CORRECT) način pisanja, što olakšava razumevanje i brzu referencu

Iskreno, ova pravila čine da se kvalitet generisanog koda vizuelno poboljša.

Hooks automatizacija

Hooks su okidači za automatizaciju zasnovane na događajima, kao na primer:

  • PreToolUse - okine pre upotrebe alata
  • PostToolUse - okine nakon upotrebe alata
  • Stop - okine na kraju sesije

Praktičan primer: pre editovanja datoteke proverite console.log

{
  "matcher": "tool == \"Edit\" && file matches \"\\.(ts|js)$\"",
  "hooks": [{
    "type": "command",
    "command": "grep -n 'console.log' \"$file\" && echo 'Remove console.log!'"
  }]
}

Ovaj detalj je veliki plus: sprečava da kôd za debagovanje procure u produkcijsko okruženje.

Postoje i naprednije funkcije:

  • Memory Persistence - automatsko čuvanje/učitavanje konteksta sesije
  • Strategic Compact - inteligentni predlozi kompresije
  • Continuous Learning - automatsko izdvajanje obrazaca iz sesija

Detaljnije o trajnosti memorije sesije (memory-persistence) — obuhvata 3 hook skripte:

  1. session-start.sh - pokreće se na početku sesije
  • Pronalazi datoteke sesija iz poslednjih 7 dana
  • Podseća Claudea da postoji istorijski kontekst koji se može učitati
  • Prikazuje broj naučenih veština
  1. session-end.sh - pokreće se na kraju sesije
  • kreira ili ažurira datoteku dnevnika sesije za taj dan (~/.claude/sessions/YYYY-MM-DD-session.tmp)
  • Beleži završene/završene zadatke
  • Čuva kontekstni podsetnik za sledeću sesiju
  1. pre-compact.sh - pokreće se pre kompresije konteksta
  • Čuva važno stanje pre nego što Claude kompresuje kontekst
  • Evidentira događaj kompresije u dnevniku kompresije
  • Označava vremensku tačku kompresije u datoteci aktivne sesije

04. Beleške o zamkama

Problem: Skripte repozitorijuma podrazumevano koriste npm, ali moj projekat koristi pnpm.

Rešenje: Ovaj repozitorijum sada podržava automatsko otkrivanje menadžera paketa, prioritet je:

  1. Promenljiva okruženja CLAUDE_PACKAGE_MANAGER
  2. Konfiguracija projekta .claude/package-manager.json
  3. Polje packageManager u package.json
  4. Detekcija datoteke sa bravama
  5. Globalna konfiguracija
  6. Prebacivanje na prvi dostupni

Postavljanje preferiranog menadžera paketa:

# Preko promenljive okruženja
export CLAUDE_PACKAGE_MANAGER=pnpm

# Preko globalne konfiguracije
node scripts/setup-package-manager.js --global pnpm

# Preko konfiguracije projekta
node scripts/setup-package-manager.js --project bun

# Otkrivanje trenutnog podešavanja
node scripts/setup-package-manager.js --detect

Ili jednostavno koristite komandu /setup-pm, što je praktičnije.

05. Praktičan primer: refaktorisanje koda pomoću sistema dodataka

Prikazaću vam realan scenario: refaktorisanje starog modula.

Korak 1: Napravite plan pomoću /plan

/plan "Refaktoriši servisni sloj za korisnike, uvedi Repository obrazac"

Plan agenta planner-a:

  1. Kreirajte interfejs UserRepository
  2. Implementirajte UserRepositoryImpl
  3. Refaktorišite ubrizgavanje zavisnosti u UserService
  4. Ažurirajte jedinične testove
  5. Pokrenite testove za proveru

Korak 2: Razvoj pomoću tdd agenta

/tdd

Tok rada TDD:

  1. Prvo definišite interfejs ✓
  2. Napišite test koji pada (RED) ✓
  3. Implementirajte minimalni kod (GREEN) ✓
  4. Refaktorišite i optimizujte (REFACTOR) ✓
  5. Proverite pokrivenost 80%+ ✓

Korak 3: Provera pomoću code-review

/code-review

Rezultat pregleda:

  • ✓ Kvalitet koda je dobar
  • ⚠ Pronađen 1 potencijalni null pokazivač
  • 💡 Predlog za dodavanje sloja keširanja

Korak 4: Verifikacija pomoću verify

/verify

Petlja verifikacije:

  • Testovi kontrolnih tačaka prolaze ✓
  • Neprekidna evaluacija prolazi ✓
  • Test performansi prolazi ✓

Nakon celog procesa, i kvalitet koda i efikasnost razvoja su se poboljšali.

06. Kako ovo opisati u biografiji?

Ako ste u projektu koristili ovaj sistem, možete ga opisati ovako:

Naziv projekta: Postavljanje platforme za razvoj potpomognut AI-jem

Tehnički stek: Claude Code, Node.js, TypeScript, MCP

Ključne odgovornosti:

  • Izgradnja platforme za razvoj potpomognut AI-jem zasnovane na Claude Code-u, integracija 15+ profesionalnih agenata; implementacija automatizovanog procesa pregleda koda, smanjenje stope defekata u kodu za 40%
  • Konfiguracija TDD toka rada, pokrivenost jediničnim testovima preko 85%; implementacija upravljanja sesijama i inteligentne kompresije putem Hooks

ending

Everything Claude Code repozitorijum zaista izvlači maksimum iz potencijala Claude Code-a.

To nije jednostavan skup konfiguracija, već kompletna inženjerska metodologija:

  • Profesionalna podela rada putem agenata
  • Povećanje efikasnosti operacija putem komandi
  • Garancija kvaliteta koda putem pravila
  • Automatizacija putem Hooks-a

Ako koristite Claude Code, iskreno preporučujem da isprobate ovaj repozitorijum.

Naravno, ove konfiguracije su rezime toka rada autora, pa treba da:

  1. Odaberete delove koji vam odgovaraju
  2. Prilagodite ih svom tehničkom steku
  3. Uklonite funkcije koje ne koristite
  4. Dodate sopstvene obrasce

Izvorni kod je otvoren na GitHub-u: https://github.com/affaan-m/everything-claude-code

Oni koji još nisu iskusili Claude Code mogu ga probati što pre. Ako ga dobro iskoristite, povećanje efikasnosti razvoja 3-5 puta nije pusta želja.

Sve konfiguracije iz ovog članka sam testirao i možete ih direktno iskoristiti. Ako naiđete na probleme pri instalaciji ili upotrebi, slobodno se podelite u sekciji komentara.

Reference:

  • Everything Claude Code: https://github.com/affaan-m/everything-claude-code
  • Zvanična dokumentacija Claude Code-a: https://docs.anthropic.com/claude-code
  • Autor Twitter: @affaanmustafa
  • zenith.chat: https://zenith.chat