>_ DevTrendsde

Sprache

Start

Sprachen

Bereiche

Frontend Backend Mobile DevOps AI / ML GameDev Blockchain Embedded Sicherheit
JavaScript

Das Beste aus Claude Code herausholen — Ein gebrauchsfertiges Set aus Agents, Hooks und Regeln von einem Anthropic-Hackathon-Gewinner

Als Anthropic Claude Code auf den Markt brachte, begannen die meisten Entwickler, dieses Tool als regulären interaktiven Chat im Terminal zu nutzen. Stelle eine Frage — erhalte eine Antwort, bitte darum, eine Datei zu reparieren — erhalte einen Patch. Allerdings zeigt dieser Ansatz schnell die grundlegenden Einschränkungen von LLMs. Das Kontextfenster wird mit unnötigen Protokollen überladen, das Modell vergisst akzeptierte architektonische Entscheidungen, und der Token-Verbrauch wächst mit jeder Anfrage.

Affaan Mustafa, Gewinner des Anthropic x Forum Ventures Hackathons und Mitautor von zenith.chat, ging das Problem systematisch an. Über zehn Monate kontinuierlicher kommerzieller Produktentwicklung mit Claude Code hinweg baute er ein einheitliches System aus Einstellungen, Subagents und Automatisierungen auf. All diese Entwicklungen sind im Open-Source-Repository everything-claude-code gesammelt.

Der Autor stellt zwei visuelle Anleitungen zu Grundprinzipien und tiefer Optimierung des Workflows bereit:

Shorthand Guide Longform Guide

Was sich im Repository befindet

Das Projekt ist als Plugin für Claude Code konzipiert, obwohl Komponenten auch einfach manuell kopiert werden können. Darin befindet sich eine gebrauchsfertige Infrastruktur für das Verhalten des neuronalen Netzwerk-Assistenten.

Die Repository-Struktur teilt Workflows in mehrere logische Schichten:

  • Agents (Subagents). Dateien mit eng begrenztem Kontext und Aufgaben. Anstelle eines universellen Prompts werden hier enge Rollen verwendet: architect.md für Design, code-reviewer.md für Qualitätssicherung, e2e-runner.md für Playwright-Tests und security-reviewer.md für Schwachstellen-Scans.
  • Commands (Slash Commands). Schnelle Skript-Aufrufe direkt in der CLI. Das Eingeben von /tdd startet einen testgetriebenen Entwicklungszyklus, während /build-fix das Modell zwingt, Build-Fehler systematisch zu analysieren.
  • Skills. Detaillierte Anweisungen für spezifische Technologien und Methoden: von Next.js-Patterns bis zu Regeln für die Bereinigung von Legacy-Code.
  • Rules. Anweisungen, die Claude Code ständig berücksichtigt. Sie legen Testabdeckungsanforderungen, Commit-Formate fest und verbieten direkte Datenmutation.
  • Hooks. Node.js-Skripte, die an Events gebunden sind. Sie werden ausgeführt, wenn Tools aufgerufen werden, und ermöglichen die Automatisierung der Zustandspersistenz oder die Validierung von Code vor dem Speichern.

Subagents und enge Spezialisierung

Das Hauptproblem bei großen Sprachmodellen ist die Verschlechterung der Antwortqualität bei wachsendem Kontext. Wenn du ein Modell bittest, gleichzeitig eine Datenbank zu entwerfen, Frontend-Code zu schreiben und Code auf Schwachstellen zu prüfen, wird es verwirrt.

In everything-claude-code wird dieses Problem durch Dekomposition gelöst. Der Subagent code-reviewer ist beispielsweise so konfiguriert, dass er das Claude 3.5 Opus-Modell verwendet und nur Lesezugriff auf Dateien und das Terminal erhält.

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

You are a senior code reviewer...

Wenn der Haupt-Chat diesen Agenten aufruft, wird eine separate isolierte Sitzung erstellt. Er führt die Prüfung anhand einer strengen Checkliste durch, liefert ein Urteil und gibt das Ergebnis an den Haupt-Workflow zurück, ohne die Dialoghistorie mit Zwischenüberlegungen zu überladen.

Automatisierung durch Hooks und Skripte

Ein interessantes Element des Repositorys ist der Einsatz von Node.js-Hooks für die Verwaltung des Sitzungslebenszyklus. Alle Hooks sind plattformübergreifend und funktionieren identisch auf Windows, macOS und Linux.

Einer der Hooks überwacht Datei-Bearbeitungsaufrufe. Wenn ein Entwickler oder das Modell selbst versehentlich Debug-Ausgaben wie console.log im Code hinterlässt, fängt der Hook den Vorgang ab und gibt eine Warnung an die Konsole aus.

Eine weitere wichtige Hook-Aufgabe ist die Persistenz und Wiederherstellung des Sitzungskontexts. Wenn eine Sitzung startet, lädt das Skript session-start.js den zuvor gespeicherten Projektkontext, und beim Beenden speichert session-end.js den aktuellen Zustand. Dadurch entfällt die Notwendigkeit, dem Modell erneut zu erklären, wo man gestern Abend aufgehört hat.

Das Repository enthält auch ein System zur automatischen Erkennung von Paketmanagern. Das Skript analysiert Projektdateien in einer bestimmten Reihenfolge:

  1. Umgebungsvariable CLAUDE_PACKAGE_MANAGER
  2. Projektkonfiguration .claude/package-manager.json
  3. Feld packageManager in package.json
  4. Vorhandensein von Lock-Dateien (pnpm-lock.yaml, yarn.lock, bun.lockb)

Dadurch führen Slash-Commands Builds über bun oder pnpm aus, wenn diese im Projekt verwendet werden, ohne das Risiko, versehentlich package-lock.json zu generieren.

Die MCP- und Kontextfenster-Falle

Das Repository enthält eine Reihe gebrauchsfertiger Konfigurationen für MCP (Model Context Protocol) — ein Protokoll, das es Claude Code ermöglicht, mit externen Diensten wie GitHub, Supabase, Vercel und Railway zu interagieren.

Der Autor des Repositorys gibt eine wichtige Warnung zur Nutzung von MCP heraus. Jeder verbundene Server fügt seine Tool-Schemata direkt zum System-Prompt hinzu. Wenn du 20-30 MCP-Server auf einmal aktivierst, schrumpft das verfügbare Kontextvolumen von 200.000 Tokens auf 70.000, bevor der Dialog überhaupt beginnt.

Eine praktische Regel aus der Repository-Beschreibung: Du kannst beliebig viele Server konfiguriert lassen, aber für ein bestimmtes Projekt solltest du nicht mehr als 10 aktiviert haben (bis zu 80 aktive Tools insgesamt). Alles andere ist am besten über den Abschnitt disabledMcpServers in der lokalen Konfiguration deaktiviert.

Wie man es installiert und ausprobiert

Der einfachste Weg ist, das Repository direkt über die Claude Code-Oberfläche als Plugin zu verbinden:

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

Wenn du keine Plugins verwenden möchtest, können Komponenten manuell in dein Home-Verzeichnis kopiert werden:

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 aus der Datei hooks/hooks.json müssen manuell in deine ~/.claude/settings.json übertragen werden, und die erforderlichen API-Schlüssel für MCP sollten zu ~/.claude.json hinzugefügt werden.

Zusammenfassung

everything-claude-code lohnt sich für jeden, der plant, Claude Code aktiv in seiner täglichen Arbeit zu nutzen. Selbst wenn du nicht das gesamte Repository übernimmst, kannst du großartige Ideen daraus übernehmen: die Aufteilung von Aufgaben auf Subagents, plattformübergreifende Integration mit Paketmanagern und sorgfältiges Sitzungsspeichermanagement.

Das Projekt ist wertvoll, weil es nicht aus abstrakten Prompt-Engineering-Theorien entstanden ist, sondern aus echter Erfahrung beim Schreiben von kommerziellem Code unter ständiger Überwachung des Token-Verbrauchs.

Ähnliche Projekte