Tạo ảnh chụp màn hình README của kho lưu trữ GitHub chân thực, nổi bật với hình ảnh đồ họa thông tin dạng bung (exploded-view) của Meta Quest 3 ở chính giữa, hữu ích để giới thiệu các kho lưu trữ prompt hoặc trang tài liệu.
Mục tiêu: Tạo ảnh chụp màn hình trình duyệt máy tính chân thực về một trang kho lưu trữ GitHub hiển thị bản xem trước markdown README cho awesome-gpt-image-2, với một poster giới thiệu chi tiết sản phẩm được nhúng ở chính giữa tài liệu.
Khung hình: Ảnh chụp màn hình tỷ lệ 16:9, kích thước khoảng 1200×625 px, giao diện GitHub chủ đề sáng, văn bản UI sắc nét, không hiển thị thanh địa chỉ trình duyệt, phần xem tệp của kho lưu trữ được cắt vừa vặn với vùng nội dung của GitHub.
Bố cục: Thanh bên trái là trình khám phá tệp, phía trên là đường dẫn (breadcrumb)/tiêu đề kho lưu trữ, hàng thanh công cụ markdown và vùng xem trước README chính. Nội dung chính hiển thị tiêu đề tiếng Trung “生成图片”, nhãn “Image 1”, và bên dưới là hình ảnh poster dọc được căn giữa. Trang có thanh cuộn ngang gần phía trên nội dung README và thanh cuộn dọc ở ngoài cùng bên phải.
Chi tiết thanh bên trái: Hiển thị bảng “Files” với bộ chọn nhánh được đặt là “main”, trường tìm kiếm có nhãn “Go to file”, và chính xác 25 mục tệp/thư mục hiển thị: 4 thư mục tên là “.github”, “docs”, “public”, “scripts”; sau đó là 21 tệp tên là “.env.example”, “.gitignore”, “LICENSE”, “README.md”, “README_de-DE.md”, “README_es-419.md”, “README_es-ES.md”, “README_fr-FR.md”, “README_hi-IN.md”, “README_it-IT.md”, “README_ja-JP.md”, “README_ko-KR.md”, “README_pt-BR.md”, “README_pt-PT.md”, “README_th-TH.md”, “README_tr-TR.md”, “README_vi-VN.md”, “README_zh-TW.md”, “README_zh.md”, “package.json”, “pnpm-lock.yaml”, cộng với “tsconfig.json” hiển thị ở dưới cùng nếu đủ không gian. Làm nổi bật “README_zh.md” là tệp đang được chọn.
Chi tiết tiêu đề phía trên: Đường dẫn hiển thị “awesome-gpt-image-2 / README_zh.md”. Bao gồm các tab/nút “Preview”, “Code” và “Blame”, cùng với văn bản siêu dữ liệu tương tự như “5872 lines (3723 loc) · 362 KB”. Ở bên phải hiển thị các nút điều khiển GitHub nhỏ gọn bao gồm “Raw” và các nút biểu tượng nhỏ.
Nội dung poster nhúng: Poster là một hình ảnh đồ họa thông tin dạng bung sản phẩm sạch sẽ cho Meta Quest 3. Poster có nền màu tím pastel chuyển sang xanh dương, logo vô cực của Meta và tiêu đề “Meta Quest 3” ở phía trên bên trái, văn bản phụ đề tiếng Nhật bên dưới, và một chồng các thành phần tai nghe VR theo chiều dọc. Đếm chính xác 9 lớp thành phần chính từ trên xuống dưới: 1 mặt nạ trước cong màu trắng, 2 mô-đun cảm biến/camera nhỏ trôi nổi xung quanh, 3 khung bên trong màu đen, 4 bo mạch chủ trung tâm có nhãn Snapdragon XR2 Gen 2, 5 cụm thấu kính pancake kép, 6 mô-đun pin/bộ điều khiển bên cạnh, 7 khung đỡ đầu/khung trong màu đen phía dưới, 8 hai tay cầm bên màu trắng, 9 vỏ tai nghe ngoài màu trắng và đệm dưới. Thêm các nhãn chú thích tiếng Nhật tinh tế với các đường dẫn mỏng ở cả hai bên trái và phải, nhưng giữ cho chúng nhỏ và hơi khó đọc giống như ảnh chụp màn hình thực tế.
Phong cách hình ảnh: Ảnh chụp màn hình UI GitHub chân thực, nền trắng sạch sẽ, phông chữ UI không chân nhỏ, các đường phân cách màu xám tinh tế, các liên kết màu xanh dương, nội dung tài liệu căn giữa với lề rộng. Poster phải là hình ảnh quảng cáo công nghệ bóng bẩy chất lượng cao với đổ bóng chân thực, các bộ phận phần cứng trôi nổi và ánh sáng kết xuất sản phẩm chính xác.
Các ràng buộc: Không thêm người, không thêm cửa sổ bật lên hoặc cửa sổ modal, giữ cho giao diện GitHub dễ nhận biết, bảo toàn văn bản tiếng Trung/tiếng Nhật ở những nơi đã chỉ định, và làm cho ảnh chụp màn hình trông giống như bản xem trước README của kho lưu trữ thực thay vì một poster độc lập.
