Plannotator — Review Coding Agent Plans & Diffs
GitHub: backnotprop/plannotator
Giới thiệu repo hay: Plannotator
Với những ai hay dùng CLI, luôn có một điểm hơi khó chịu khi dùng coding agent: các brainstorm report, plan detail thường khá dài, khó đọc, khó comment đúng chỗ. Discuss với agent 1 hồi là sẽ thấy “đuối đuối”, và nhiều khi mình approve theo cảm giác là chính.
Plannotator đưa bước review đó ra browser.
Nó mở plan, code diff, URL, markdown hoặc HTML artifact trong một UI riêng. Mình có thể annotate trực tiếp lên đúng đoạn cần review: highlight câu chưa ổn, comment vào line diff, redline phần cần sửa, rồi approve/deny sau khi xem xong.
Cơ chế hoạt động
Sau khi chuyển sang màn hình review ở browser, agent sẽ đứng chờ và polling trạng thái review. Khi mình review xong, trong Plannotator UI có nút gửi feedback. Bấm nút đó thì feedback quay lại agent, rồi agent sửa plan/code tiếp. Đỡ cảnh copy-paste thủ công.
Tính năng
- Chặn plan trước khi agent bắt đầu code
- Review diff/PR/MR bằng UI có line comment
- Annotate markdown, URL, HTML artifact
- Hỗ trợ Claude Code, Codex, OpenCode, Pi, Gemini, Kiro, Amp, Droid
- Share review, plan lớn dùng short link mã hóa end-to-end
Nhận xét
Mình ấn tượng và thích Plannotator vì nó làm cho bước review với agent rõ ràng hơn: đọc trong UI, chỉ đúng chỗ sai, gửi feedback, rồi để agent sửa tiếp.
Hợp với ClaudeKit ở vai trò review gate: ck:brainstorm chọn hướng → setup-goal/facts → ck:plan → Plannotator gate → ck:cook → Plannotator review → ck:ship.