>_ DevTrendsnl

Taal

Home

Talen

Secties

Frontend Backend Mobiel DevOps AI / ML GameDev Blockchain Embedded Beveiliging
JavaScript

Haal het Meeste Uit Claude Code — Een Kant-en-Klaar Set van Agents, Hooks en Regels van een Anthropic Hackathon-winnaar

Toen Anthropic Claude Code lanceerde, begonnen de meeste ontwikkelaars dit tool te gebruiken als een gewone interactieve chat in de terminal. Stel een vraag — krijg een antwoord, vraag om een bestand te repareren — krijg een patch. Echter, deze aanpak onthult snel de fundamentele beperkingen van LLMs. Het contextvenster raakt vol met onnodige logs, het model vergeet genomen architectuur beslissingen, en tokenverbruik groeit met elk verzoek.

Affaan Mustafa, winnaar van de Anthropic x Forum Ventures hackathon en medeauteur van zenith.chat, pakte het probleem systematisch aan. Over tien maanden continue commerciële productontwikkeling met Claude Code bouwde hij een uniform systeem van instellingen, subagents en automatiseringen. Al deze ontwikkelingen zijn verzameld in de open-source repository everything-claude-code.

De auteur biedt twee visuele handleidingen over basisprincipes en diepgaande workflow-optimalisatie:

Shorthand Guide Longform Guide

Wat er in de Repository Zit

Het project is ontworpen als een plugin voor Claude Code, hoewel componenten ook gemakkelijk handmatig gekopieerd kunnen worden. Er zit een kant-en-klare infrastructuur in voor het beheren van het gedrag van de neurale netwerk assistent.

De repository structuur verdeelt workflows in verschillende logische lagen:

  • Agents (Subagents). Bestanden met smalle context en taken. In plaats van een universeel prompt worden hier smalle rollen gebruikt: architect.md voor design, code-reviewer.md voor kwaliteitsborging, e2e-runner.md voor Playwright tests, en security-reviewer.md voor kwetsbaarheidsscans.
  • Commands (Slash Commands). Snelle script aanroepen direct in de CLI. Typ /tdd om een test-gedreven ontwikkelingscyclus te starten, terwijl /build-fix het model dwingt om build-fouten systematisch te analyseren.
  • Skills. Gedetailleerde instructies voor specifieke technologieën en methodieken: van Next.js patronen tot legacy code opschoonregels.
  • Rules. Instructies die Claude Code constant in overweging neemt. Deze specificeren test coverage vereisten, commit formats, en verbieden directe data mutatie.
  • Hooks. Node.js scripts gekoppeld aan events. Deze worden uitgevoerd wanneer tools worden aangeroepen en maken automatisering van state persistentie of validatie van code voor het opslaan mogelijk.

Subagents en Smalle Specialisatie

Het hoofdprobleem met grote taalmodellen is de achteruitgang van antwoordkwaliteit naarmate de context groeit. Als je een model vraagt om tegelijkertijd een database te ontwerpen, frontend code te schrijven en code te controleren op kwetsbaarheden, begint het in de war te raken.

In everything-claude-code wordt dit probleem opgelost door decompositie. De subagent code-reviewer is bijvoorbeeld geconfigureerd om het Claude 3.5 Opus model te gebruiken en krijgt alleen-lezen toegang tot bestanden en de terminal.

---
name: code-reviewer
description: Reviews code for quality, security, and maintainability
tools: Read, Grep, Glob, Bash
model: opus
---

You are a senior code reviewer...

Wanneer de hoofdchat deze agent aanroept, wordt een aparte geïsoleerde sessie gemaakt. Deze voert de controle uit tegen een strikte checklist, geeft een oordeel, en retourneert het resultaat naar de hoofdstroom zonder de dialooggeschiedenis te belasten met tussenliggende redeneringen.

Automatisering via Hooks en Scripts

Een interessant element van de repository is het gebruik van Node.js hooks voor het beheren van de sessielevenscyclus. Alle hooks zijn cross-platform en werken identiek op Windows, macOS en Linux.

Een van de hooks monitort bestand bewerkingsaanroepen. Als een ontwikkelaar of het model zelf per ongeluk debug output in de code achterlaat zoals console.log, onderschept de hook de operatie en geeft een waarschuwing uit naar de console.

Een andere belangrijke hook taak is het persistent maken en herstellen van sessie context. Wanneer een sessie start, laadt het script session-start.js de eerder opgeslagen project context, en bij het afsluiten slaat session-end.js de huidige status op. Dit elimineert de noodzaak om het model opnieuw uit te leggen waar je gisteravond bent gebleven.

De repository bevat ook een systeem voor automatische package manager detectie. Het script analyseert projectbestanden in een specifieke volgorde:

  1. Environment variable CLAUDE_PACKAGE_MANAGER
  2. Project config .claude/package-manager.json
  3. Veld packageManager in package.json
  4. Aanwezigheid van lock bestanden (pnpm-lock.yaml, yarn.lock, bun.lockb)

Dankzij dit voeren slash commands builds uit via bun of pnpm als deze in het project worden gebruikt, zonder het risico om per ongeluk package-lock.json te genereren.

De MCP en Context Venster Val

De repository bevat een set kant-en-klare configs voor MCP (Model Context Protocol) — een protocol dat Claude Code in staat stelt om te interageren met externe services zoals GitHub, Supabase, Vercel en Railway.

De repository auteur geeft een belangrijke waarschuwing over het gebruik van MCP. Elke verbonden server voegt zijn tool schemas direct toe aan het system prompt. Als je 20-30 MCP servers tegelijk inschakelt, krimpt het beschikbare context volume van 200.000 tokens naar 70.000 voordat de dialoog überhaupt begint.

Een praktische regel uit de repository beschrijving: je kunt zoveel servers geconfigureerd houden als je wilt, maar voor een gegeven project moet je niet meer dan 10 actief ingeschakeld houden (tot 80 actieve tools totaal). De rest is het beste uitgeschakeld via de disabledMcpServers sectie in de lokale config.

Hoe te Installeren en Uit te Proberen

De eenvoudigste weg is om de repository als plugin te verbinden via de Claude Code interface:

/plugin marketplace add affaan-m/everything-claude-code
/plugin install everything-claude-code@everything-claude-code

Als je geen plugins wilt gebruiken, kunnen componenten handmatig naar je home directory gekopieerd worden:

git clone https://github.com/WorldFlowAI/everything-claude-code.git

cp everything-claude-code/agents/*.md ~/.claude/agents/
cp everything-claude-code/rules/*.md ~/.claude/rules/
cp everything-claude-code/commands/*.md ~/.claude/commands/
cp -r everything-claude-code/skills/* ~/.claude/skills/

Hooks uit het hooks/hooks.json bestand moeten handmatig overgezet worden naar je ~/.claude/settings.json, en de vereiste API keys voor MCP moeten toegevoegd worden aan ~/.claude.json.

Samenvatting

everything-claude-code is de moeite waard om te bekijken voor iedereen die van plan is om Claude Code actief te gebruiken in hun dagelijkse werk. Zelfs als je niet de hele repository overneemt, kun je er geweldige ideeën uit opdoen: het opsplitsen van taken over subagents, cross-platform integratie met package managers, en zorgvuldig sessie geheugenbeheer.

Het project is waardevol omdat het niet geboren is uit abstracte prompt engineering theorieën, maar uit echte ervaring met het schrijven van commerciële code onder constant tokenverbruik monitoring.

Gerelateerde projecten