Xem ảnh, video và kết quả kiểm thử ngay trong Claude Code với Show Your Work

Show Your Work là plugin giúp Claude Code hiển thị ảnh và phát video ngay trong terminal. Thay vì nghe Claude báo đã sửa xong rồi tự mở trình duyệt, tải lại trang và kiểm tra từng bước, bạn có thể yêu cầu nó đưa kết quả trực quan vào chính cuộc trò chuyện.

Công cụ này đặc biệt hữu ích với người làm giao diện web, kiểm thử luồng người dùng hoặc tạo nội dung trực quan. Nó không thay thế việc kiểm tra thủ công hoàn toàn, nhưng giúp bạn nhìn nhanh Claude đã làm gì và phát hiện sớm những thay đổi chưa đúng ý.

Ảnh minh họa do Tài Nguyên Số tạo để bổ sung ngữ cảnh cho bài viết.

Bạn có thể dùng nó vào việc gì?

Duyệt nhiều phương án thiết kế

Bạn có thể yêu cầu Claude tạo vài hướng cho phần hero, mockup hoặc bố cục rồi hiển thị chúng cạnh nhau. Việc chọn phương án thuận tiện hơn vì không phải lần lượt mở từng tệp ảnh. Plugin cũng có thể gom ảnh chụp giao diện ở kích thước desktop, tablet và điện thoại để bạn kiểm tra responsive.

Xem lại luồng kiểm thử ứng dụng

Claude có thể dùng Playwright để thao tác trên ứng dụng, ghi lại quá trình và phát video trong terminal. Bên cạnh video là danh sách thay đổi và kết quả các bước kiểm tra. Bạn có thể xem một nút có hoạt động, biểu mẫu có gửi được hay một luồng đăng ký có chạy đúng mà không cần tự tái hiện ngay từ đầu.

So sánh trước và sau khi sửa lỗi

Với một lỗi giao diện hoặc hành vi, plugin có thể phát đồng thời bản ghi trước và sau. Hai video được giữ đồng bộ ngay cả khi thời gian tải khác nhau. Cách này phù hợp để kiểm tra một bản sửa có giải quyết đúng vấn đề và có làm phát sinh sai lệch dễ thấy hay không.

Xem nhanh nhiều loại đầu ra

Ngoài ảnh chụp trang web, plugin còn dùng được với biểu đồ, slide, motion graphic và các tệp ảnh hoặc video khác. Các phiên bản cũ vẫn nằm trong lịch sử trò chuyện, tiện cho việc đối chiếu khi Claude tạo thêm phương án mới.

Cần lưu ý

Điều kiện sử dụng hiện khá hẹp: plugin yêu cầu macOS, Claude Code 2.1.287 trở lên và Ghostty. Video cần thêm ffmpeg. iTerm2, Terminal.app và terminal tích hợp trong VS Code chưa hỗ trợ cách hiển thị này. Nếu dùng tmux, bạn còn phải bật chế độ passthrough.

Plugin kiểm tra bản cập nhật từ GitHub mỗi ngày và thu thập một số thống kê sử dụng ẩn danh. Cả hai chức năng đều có thể tắt bằng biến môi trường được hướng dẫn trong README. Theo tài liệu dự án, tệp, tên tệp, đường dẫn và nội dung prompt không được gửi đi.

Nếu workflow của bạn thường xuyên phải rời Claude Code để mở ảnh, xem bản ghi kiểm thử hoặc nhớ giao diện cũ trông thế nào, Show Your Work là một thử nghiệm đáng xem. Hãy đọc README để kiểm tra kỹ yêu cầu terminal và cách cài đặt trước khi dùng.