ปลั๊กอิน Claude Code ที่ให้ผู้รีวิวฝั่งฟรอนต์เอนด์ 6 คนดูการเปลี่ยนแปลง Git พร้อมกัน

เป็นปลั๊กอิน Claude Code ที่รีวิว git diff หรือไฟล์เดี่ยวพร้อมกันจาก 6 มุมมอง (ประสิทธิภาพ React / คุณภาพโค้ด / บั๊ก / TypeScript / การเข้าถึง / ความปลอดภัย) และมีเอเจนต์ synthesizer รวมผลลัพธ์เป็นรายงานลำดับความสำคัญฉบับเดียว

ที่มาของการสร้าง

เวลาจะให้ LLM รีวิว PR ถ้าใส่ทุกอย่างลงไปในคอนเท็กซ์เดียวแล้วบอกว่า "ช่วยรีวิวภาพรวมให้หน่อย" จะมีปัญหาอยู่ 2 อย่าง

• การปนเปื้อนของการให้เหตุผล: น้ำเสียงจากมุมมอง perf ส่งผลต่อมุมมอง a11y
• Mode collapse: คำตอบจะเอนเอียงไปที่แกนเดียวที่เด่นที่สุดใน diff

จริง ๆ แล้วแต่ละ guideline กำลังตอบ "คำถามคนละข้อ" กัน perf ตอบว่า "เร็วไหม", a11y ตอบว่า "เข้าถึงทุกคนได้ไหม", security ตอบว่า "ข้อมูลรั่วหรือไม่", quality ตอบว่า "แก้ไขเปลี่ยนแปลงได้ง่ายไหม" ดังนั้นแทนที่จะให้คนเดียวทำทั้งหมด จึงออกแบบเป็นโครงสร้างที่ให้แต่ละมุมมองตรวจการเปลี่ยนแปลงเดียวกันในคอนเท็กซ์ sub-agent ที่แยกจากกัน แล้วค่อยรวบรวมเฉพาะผลลัพธ์มา merge กัน

ผู้รีวิวพื้นฐาน 6 ตัว (ใช้ guideline ที่ผ่านการพิสูจน์ในอุตสาหกรรมตามเดิม)

• react-perf — Vercel React Best Practices
• quality — Toss Frontend Fundamentals (ความอ่านง่าย/ความคาดเดาได้/ความเป็นเอกภาพ/การพึ่งพากัน)
• bugs — React rules-of-hooks + กฎความถูกต้องของ ESLint/TS-ESLint
• ts — Google TypeScript Style Guide + Effective TypeScript
• a11y — WCAG 2.2 + ARIA APG
• security — แพตเทิร์นความปลอดภัยฝั่งฟรอนต์เอนด์ (XSS, การรั่วไหลของซีเคร็ต, การจัดเก็บที่ไม่ปลอดภัย ฯลฯ)

สามารถเพิ่มหรือเปลี่ยนผู้รีวิวได้โดยตรง (i18n, motion, design tokens เป็นต้น)

วิธีใช้งาน

ติดตั้งใน Claude Code ด้วย 2 บรรทัด:

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

รันการรีวิว:

/fe-review-agents:diff-review # การเปลี่ยนแปลง staged
/fe-review-agents:diff-review branch:main # diff เทียบกับ main
/fe-review-agents:file-review src/App.tsx # เจาะลึกไฟล์เดียว

ตัวเลือก:

• lang=ko|en (ค่าเริ่มต้น ko)
• severity_min=LOW|MED|HIGH|CRITICAL (ความรุนแรงที่ต่ำกว่านี้จะไม่แสดงในรายงาน)

ข้อแลกเปลี่ยน

จำนวนโทเคนจะมากกว่าคอนเท็กซ์เดี่ยวประมาณ 6 เท่า แต่แลกกับการครอบคลุมหลายมุมมองโดยไม่มีทั้งการปนเปื้อนของการให้เหตุผลและ mode collapse เครื่องมือนี้จึงเหมาะกับทีมที่ให้ความสำคัญกับความเสถียรมากกว่าค่าใช้จ่าย มากกว่าทีมที่ต้องการประหยัดต้นทุน

แรงบันดาลใจ

ได้แรงบันดาลใจจากแพตเทิร์น Compounding Engineering (หลาย LLM ดู PR แบบขนานกัน) ที่เป็นที่รู้กันว่า Toss ใช้งานภายใน

ยินดีรับฟีดแบ็ก/อีชู/PR ครับ 🙏