Claude-Code-Plugin, mit dem 6 Frontend-Reviewer gleichzeitig Git-Änderungen prüfen

Ein Claude-Code-Plugin, das git diff oder einzelne Dateien gleichzeitig aus 6 Perspektiven prüft (React-Performance / Code-Qualität / Bugs / TypeScript / Barrierefreiheit / Sicherheit) und dessen Synthesizer-Agent die Ergebnisse zu einem einzigen priorisierten Report zusammenführt.

Hintergrund

Wenn man ein LLM ein PR reviewen lässt und in einem einzigen Kontext einfach sagt „Bitte insgesamt reviewen“, entstehen zwei Probleme.

• Inferenz-Kontamination: Der Ton aus der Perf-Perspektive beeinflusst den Ton aus der A11y-Perspektive.
• Mode Collapse: Die Antwort konzentriert sich auf die eine Achse im Diff, die am stärksten hervorsticht.

Jede Guideline beantwortet in Wirklichkeit eine andere Frage. Perf fragt: „Ist es schnell?“, A11y: „Erreicht es alle?“, Security: „Laufen Daten aus?“, Quality: „Lässt es sich leicht ändern?“. Deshalb wurde statt eines einzigen Reviewers eine Struktur gebaut, in der dieselbe Änderung in voneinander isolierten Sub-Agent-Kontexten geprüft und anschließend nur die Ergebnisse gesammelt und zusammengeführt werden.

6 Standard-Reviewer (bewährte Guidelines aus der Branche unverändert übernommen)

• react-perf — Vercel React Best Practices
• quality — Toss Frontend Fundamentals (Lesbarkeit/Vorhersagbarkeit/Kohäsion/Kopplung)
• bugs — React rules-of-hooks + ESLint/TS-ESLint-Korrektheitsregeln
• ts — Google TypeScript Style Guide + Effective TypeScript
• a11y — WCAG 2.2 + ARIA APG
• security — Frontend-Sicherheitsmuster (XSS, Secret-Leaks, unsichere Speicherung usw.)

Reviewer lassen sich direkt hinzufügen oder austauschen (i18n, motion, design tokens usw.).

Verwendung

Installation in Claude Code mit zwei Zeilen:

/plugin marketplace add huurray/fe-review-agents
/plugin install fe-review-agents@fe-review-agents

Review ausführen:

/fe-review-agents:diff-review # staged Änderungen
/fe-review-agents:diff-review branch:main # Diff gegenüber main
/fe-review-agents:file-review src/App.tsx # Deep Dive für eine einzelne Datei

Optionen:

• lang=ko|en (Standard: ko)
• severity_min=LOW|MED|HIGH|CRITICAL (niedrigere Schweregrade werden aus dem Report ausgeschlossen)

Trade-offs

Der Token-Verbrauch ist im Vergleich zu einem einzelnen Kontext ungefähr sechsmal so hoch. Dafür erhält man Multi-Perspektiven-Abdeckung ohne Inferenz-Kontamination und Mode Collapse. Das Tool passt eher zu Teams, die Stabilität höher priorisieren als Kosten, als zu Teams, die vor allem sparen wollen.

Inspiration

Inspiriert wurde es vom Compounding-Engineering-Pattern, das bei Toss intern genutzt worden sein soll (mehrere LLMs schauen sich ein PR parallel an).

Feedback/Issues/PRs sind willkommen. 🙏