#Ảnh Chụp Màn Hình (Screenshots)

#Tổng Quan

Screenshots (ảnh chụp màn hình) là một loại artifact trực quan quan trọng trong Antigravity. Browser Subagent có thể chụp ảnh giao diện người dùng để hiển thị trạng thái trang trước và sau khi thay đổi, hoặc khi cần người dùng review.

#Khi Nào Agent Chụp Screenshots

#Xác Minh UI

  • Sau khi triển khai thay đổi giao diện
  • Để chứng minh UI hiển thị đúng trên các kích thước màn hình
  • Khi so sánh trạng thái trước/sau (before/after)

#Yêu Cầu Review

  • Khi Agent cần người dùng xác nhận giao diện
  • Khi có nhiều lựa chọn thiết kế và cần ý kiến
  • Khi phát hiện lỗi UI cần báo cáo

#Tài Liệu

  • Ghi lại các bước trong quy trình
  • Tạo tài liệu hướng dẫn sử dụng
  • Lưu trữ trạng thái UI cho tham khảo sau

#Cách Thức Hoạt Động

  1. Agent yêu cầu Browser Subagent mở trang web (thường là localhost)
  2. Browser Subagent đợi trang load hoàn chỉnh
  3. Chụp ảnh toàn bộ trang hoặc phần tử cụ thể
  4. Ảnh được lưu dưới dạng artifact (file .png hoặc .jpg)
  5. Hiển thị trong giao diện review để người dùng xem

#Tương Tác

#Xem Screenshots

  • Screenshots hiển thị inline trong conversation
  • Nhấp vào ảnh để xem full-size
  • Cuộn qua nhiều ảnh nếu Agent chụp sequence

#Comment

  • Người dùng có thể comment trực tiếp trên screenshot
  • Chỉ ra vùng cần sửa: "Nút này lệch sang phải"
  • Agent sẽ nhận comment và thực hiện điều chỉnh

#So Sánh Before/After

  • Agent thường chụp ảnh trước khi thay đổi
  • Sau khi sửa, chụp lại để so sánh
  • Giúp người dùng dễ dàng đánh giá kết quả

#Mẹo

  • Yêu cầu Agent chụp ảnh responsive trên nhiều kích thước (desktop, tablet, mobile)
  • Sử dụng screenshots trong walkthrough để tạo tài liệu trực quan
  • Comment cụ thể trên ảnh giúp Agent hiểu chính xác cần sửa gì