Project Capture - Kỹ năng dành cho AI agent tự động hóa việc chụp màn hình dự án web

Vì phải lặp đi lặp lại việc chụp màn hình dự án web, tôi thấy khá phiền khi mỗi lần đều phải làm thủ công các bước như kiểm tra route, xử lý đăng nhập, chọn phạm vi chụp và sắp xếp kết quả, nên đã tạo ra công cụ này.

project-capture là một công cụ trong đó AI coding agent sẽ phân tích dự án trước, sau đó xác nhận với người dùng xem cần chụp những màn hình nào rồi dùng Playwright để tạo screenshot và báo cáo.

Ban đầu nó được tạo như một kỹ năng cho Codex, nhưng cũng được phát hành dưới dạng gói npm để có thể dùng với các công cụ AI khác như Claude Code, Gemini CLI hoặc ngay trong terminal thông thường.

Thay vì là một crawler hoàn toàn tự động, công cụ này gần với việc giúp quy trình “phân tích dự án → xác nhận phạm vi chụp → xử lý đăng nhập → chụp màn hình → tạo báo cáo” diễn ra ổn định hơn.

Các tính năng chính như sau.

• Phân tích cấu trúc dự án để tìm các route ứng viên
• Hỗ trợ mẫu route của Next.js, Remix, React Router và SPA thông thường
• Chọn phạm vi chụp: toàn bộ / miền nghiệp vụ cốt lõi / miền nghiệp vụ cụ thể / chỉ định thủ công
• Phát hiện có cần đăng nhập hay không và hỗ trợ đăng nhập thủ công / đăng nhập qua biến môi trường
• Xử lý route động dựa trên URL mẫu
• Chụp màn hình bằng Playwright
• Chọn chụp cuộn toàn trang hoặc chụp theo viewport cụ thể
• Tạo capture-report.md, capture-results.json