Thư viện màn hình
Visual reference mobile và desktop cho các màn hình chính của BAGA, đặt cạnh prompt gốc của từng screen.
Thư viện này dùng để trao đổi nhanh giữa product, design và engineering. Mỗi trang hiển thị hai phiên bản của cùng một screen; prompt gốc trong screens/<folder>/ vẫn là nguồn tham chiếu để triển khai và kiểm tra lại.
- Mobile: tham chiếu web responsive dưới 768px (breakpoint đầu tiên của storefront), vùng chạm và hành trình một tay.
- Desktop: tham chiếu web responsive, shell, density và hierarchy (breakpoint 1068px).
- Behavior: không suy diễn từ hình ảnh; frozen requirements, server state và acceptance criteria vẫn là nguồn quyết định.
TODO (client input / capture): tạo thư mục
screens/<tên-screen>/vớidesktop.png,mobile.png,desktop-visual-prompt.md,mobile-visual-prompt.md— xemscreens/README.mdđể biết contract đầy đủ. Trang screen tự xuất hiện trong thư viện khi thư mục có content front matterfolder.