Plugin Claude Code cho phép 6 reviewer frontend cùng xem thay đổi Git đồng thời

Đây là plugin Claude Code có thể review git diff hoặc một tệp đơn lẻ đồng thời theo 6 góc nhìn (hiệu năng React / chất lượng mã / lỗi / TypeScript / khả năng truy cập / bảo mật), rồi để agent tổng hợp hợp nhất kết quả thành một báo cáo ưu tiên duy nhất.

Bối cảnh tạo ra

Khi giao cho LLM review PR, nếu dồn tất cả vào một ngữ cảnh với yêu cầu kiểu "hãy review tổng thể", sẽ có hai vấn đề.

• Nhiễu suy luận: giọng điệu từ góc nhìn perf ảnh hưởng đến giọng điệu của góc nhìn a11y.
• Mode collapse: câu trả lời bị dồn vào một trục nổi bật nhất trong diff.

Thực ra, mỗi guideline đang trả lời một "câu hỏi khác nhau". perf là "có nhanh không", a11y là "mọi người đều tiếp cận được không", security là "dữ liệu có bị rò rỉ không", quality là "có dễ thay đổi không". Vì vậy, thay vì giao hết cho một người, công cụ này được thiết kế theo cấu trúc để cùng một thay đổi được xem xét trong các ngữ cảnh sub-agent tách biệt, rồi chỉ gom kết quả lại để merge.

6 reviewer mặc định (giữ nguyên các guideline đã được kiểm chứng trong ngành)

• react-perf — Vercel React Best Practices
• quality — Toss Frontend Fundamentals (độ dễ đọc / tính dễ dự đoán / độ kết dính / độ kết hợp)
• bugs — React rules-of-hooks + các rule về tính chính xác của ESLint/TS-ESLint
• ts — Google TypeScript Style Guide + Effective TypeScript
• a11y — WCAG 2.2 + ARIA APG
• security — các mẫu bảo mật frontend (XSS, rò rỉ secret, lưu trữ không an toàn, v.v.)

Bạn có thể tự thêm/thay reviewer (i18n, motion, design tokens, v.v.).

Cách dùng

Cài đặt trong Claude Code chỉ với hai dòng:

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

Chạy review:

/fe-review-agents:diff-review # thay đổi đã staged
/fe-review-agents:diff-review branch:main # diff so với main
/fe-review-agents:file-review src/App.tsx # phân tích sâu một tệp đơn

Tùy chọn:

• lang=ko|en (mặc định là ko)
• severity_min=LOW|MED|HIGH|CRITICAL (mức độ nghiêm trọng thấp hơn sẽ bị loại khỏi báo cáo)

Trade-off

Số token tiêu tốn nhiều hơn khoảng 6 lần so với một ngữ cảnh đơn. Đổi lại, bạn có được độ bao phủ đa góc nhìn mà không gặp nhiễu suy luận hay mode collapse. Đây là công cụ phù hợp hơn với những đội ưu tiên độ ổn định hơn chi phí, thay vì các đội muốn tiết kiệm tiền.

Cảm hứng

Công cụ này lấy cảm hứng từ mô hình Compounding Engineering (nhiều LLM xem PR song song) được biết đến là Toss sử dụng nội bộ.

Rất hoan nghênh feedback / issue / PR. 🙏