Debug cùng AI theo bằng chứng

Khi nào dùng

Khi có lỗi: trang trắng, nút không bấm được, dữ liệu sai, hiển thị vỡ trên điện thoại.

Chuẩn bị

Mô tả được: thấy gì, mong đợi gì. Mở được công cụ kiểm tra của trình duyệt (F12) để đọc thông báo lỗi.

Prompt

Có lỗi cần sửa. Báo cáo hiện tượng:

1. THẤY GÌ: [mô tả chính xác điều đang xảy ra, kèm ảnh chụp màn hình nếu có]
2. MONG ĐỢI GÌ: [điều đúng phải như thế nào]
3. CÁCH TÁI HIỆN: [các bước để thấy lỗi, ví dụ: mở trang X trên điện thoại 375px, bấm nút Y]
4. THÔNG BÁO LỖI: [copy nguyên văn từ console F12, hoặc ghi "không có thông báo lỗi"]
5. ĐÃ THỬ GÌ: [đã thử gì và kết quả ra sao]

Yêu cầu:
- Trước khi sửa: nêu nguyên nhân bạn nghi ngờ và cách kiểm chứng, chờ tôi đồng ý.
- Chỉ sửa trong phạm vi lỗi. Liệt kê mọi file đã sửa.
- Sau khi sửa: nói rõ bạn đã kiểm bằng cách nào.

Kết quả tốt trông thế nào

• AI nêu 1-2 nguyên nhân có cơ sở (trích dẫn dòng code/log cụ thể), không đoán mò.
• Bản sửa nhỏ, đúng phạm vi, kèm cách kiểm.
• Lỗi hết và các phần khác không bị ảnh hưởng.

Dấu hiệu AI làm sai

• Sửa ngay không cần chẩn đoán (“để tôi sửa cho bạn”).
• Viết lại cả file trong khi lỗi chỉ ở 3 dòng.
• Báo “đã sửa xong” mà không nói đã kiểm bằng cách nào.

Bước tiếp theo

Tự kiểm theo cách AI nói. Đúng thì commit. Sau 2–3 vòng không xong: dừng, quay về checkpoint, mở phiên mới với báo cáo này.