Plugin Claude Code yang membuat 6 reviewer frontend melihat perubahan Git secara bersamaan

Plugin Claude Code ini meninjau git diff atau satu file secara simultan dari 6 sudut pandang (performa React / kualitas kode / bug / TypeScript / aksesibilitas / keamanan), lalu agen synthesizer menggabungkan hasilnya menjadi satu laporan prioritas tunggal.

Latar belakang pembuatan

Saat meminta LLM melakukan review PR dengan memasukkan semuanya ke dalam satu konteks sambil berkata "tolong review secara menyeluruh", ada dua masalah.

• Kontaminasi penalaran: nada dari sudut pandang perf memengaruhi nada dari sudut pandang a11y.
• Mode collapse: jawaban cenderung terkonsentrasi pada satu sumbu yang paling menonjol dalam diff.

Setiap guideline pada dasarnya menjawab 'pertanyaan yang berbeda'. Perf menjawab 'apakah cepat', a11y menjawab 'apakah dapat dijangkau semua orang', security menjawab 'apakah data bocor', quality menjawab 'apakah mudah diubah'. Karena itu, alih-alih meminta semuanya pada satu orang, struktur ini dibuat agar perubahan yang sama ditinjau dalam konteks sub-agent yang terisolasi untuk masing-masing reviewer, lalu hanya hasilnya yang dikumpulkan dan digabungkan.

6 reviewer bawaan (mengikuti guideline yang sudah tervalidasi di industri)

• react-perf — Vercel React Best Practices
• quality — Toss Frontend Fundamentals (keterbacaan/prediktabilitas/kohesi/kopling)
• bugs — React rules-of-hooks + aturan ketepatan ESLint/TS-ESLint
• ts — Google TypeScript Style Guide + Effective TypeScript
• a11y — WCAG 2.2 + ARIA APG
• security — pola keamanan frontend (XSS, kebocoran secret, penyimpanan yang tidak aman, dll.)

Reviewer juga bisa ditambahkan atau diganti sendiri (i18n, motion, design tokens, dll.).

Cara pakai

Instal dengan dua baris di dalam Claude Code:

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

Menjalankan review:

/fe-review-agents:diff-review # perubahan staged
/fe-review-agents:diff-review branch:main # diff dibandingkan dengan main
/fe-review-agents:file-review src/App.tsx # deep dive satu file

Opsi:

• lang=ko|en (default ko)
• severity_min=LOW|MED|HIGH|CRITICAL (tingkat keparahan di bawah itu dikecualikan dari laporan)

Trade-off

Jumlah token yang dipakai kira-kira 6 kali lebih banyak dibanding satu konteks tunggal. Sebagai gantinya, Anda mendapatkan cakupan multi-perspektif tanpa kontaminasi penalaran dan mode collapse. Ini bukan alat untuk tim yang ingin menghemat biaya, melainkan untuk tim yang memprioritaskan stabilitas di atas biaya.

Inspirasi

Terinspirasi dari pola Compounding Engineering, yang dikenal digunakan secara internal oleh Toss (beberapa LLM meninjau PR secara paralel).

Feedback/issue/PR sangat disambut. 🙏