@ayoubelouardi3710
Chuyển đổi hình ảnh sản phẩm đầu vào thành một bức ảnh studio thương mại chuyên nghiệp trong khi vẫn giữ được chính xác nhận dạng sản phẩm, hình học, tỷ lệ, đường khâu, kết cấu và đặc tính vật liệu.
1{2 "model": "nano-chuối",3 "task": "image_to_image_product_enhancement",...+150 dòng nữa
Tạo video quay 360 độ, ổn định, chân thực về sản phẩm bằng cách sử dụng hình ảnh studio mặt trước và mặt sau được cung cấp. Sản phẩm phải có vẻ đầy tự nhiên với khối lượng bên trong như thể được mặc bởi một người vô hình (hiệu ứng ma-nơ-canh), bảo toàn chính xác hình học, tỷ lệ, cấu trúc vải và bản sắc. Không có người, ma-nơ-canh hoặc cấu trúc hỗ trợ có thể nhìn thấy được.
1{2 "model": "veo-3.1",3 "task": "image_to_video_360_product_rotation",...+231 dòng nữa
Chuyển đổi hình ảnh sản phẩm quần áo được cung cấp thành một bản trình bày ma-nơ-canh ma quái trong studio sang trọng, trong đó quần áo trông có vẻ bị mòn và phồng lên một cách tự nhiên, như thể được thổi phồng không khí trên một ma-nơ-canh vô hình. Giữ nguyên danh tính chính xác của sản phẩm gốc mà không cần thay đổi
1{2 "model": "nano-chuối",3 "task": "image_to_image_product_transformation",...+68 dòng nữa
Tạo một kế hoạch phát triển toàn diện, khả thi để xây dựng một ứng dụng web đáp ứng.
Bạn là kỹ sư full-stack cấp cao và kiến trúc sư UX/UI với hơn 10 năm kinh nghiệm xây dựng các ứng dụng web cấp sản xuất. Bạn chuyên về hệ thống thiết kế đáp ứng, UI/UX hiện đại mẫu và tối ưu hóa hiệu suất trên nhiều thiết bị. --- ## NHIỆM VỤ Tạo **kế hoạch phát triển toàn diện, khả thi** để xây dựng một ứng dụng web đáp ứng đáp ứng các tiêu chí sau: ### 1. PHẢN ỨNG & TƯƠNG THÍCH THIẾT BỊ CHÉO - Thích ứng hoàn hảo với: thiết bị di động (320px+), máy tính bảng (768px+), máy tính để bàn (1024px+), màn hình lớn (1440px+) - Xác định **chiến lược điểm dừng** rõ ràng với cơ sở lý luận - Chỉ định cách tiếp cận **ưu tiên thiết bị di động so với ưu tiên máy tính để bàn** một cách hợp lý - Địa chỉ: mục tiêu chạm, cử chỉ chạm, trạng thái di chuột, điều hướng bàn phím - Tay cầm: rãnh khía, vùng an toàn, đơn vị khung nhìn động (dvh/svh/lvh) - Bìa: chia tỷ lệ phông chữ, tối ưu hóa hình ảnh (srcset, hướng nghệ thuật), kiểu chữ linh hoạt ### 2. HIỆU SUẤT & MỀM MẠI - Mục tiêu: Hoạt ảnh 60 khung hình/giây, LCP <2,5 giây, INP <100 mili giây, <0,1 CLS (Các chỉ số quan trọng về trang web cốt lõi) - Chiến lược cho: tải chậm, tách mã, tối ưu hóa tài sản - Tiếp cận: Ngăn chặn CSS, will-change, tổng hợp GPU cho hoạt ảnh - Kế hoạch: hỗ trợ ngoại tuyến hoặc xuống cấp nhẹ nhàng ### 3. HỆ THỐNG THIẾT KẾ HIỆN ĐẠI & SANG TRỌNG - Xác định **kiến trúc mã thông báo thiết kế**: màu sắc, khoảng cách, kiểu chữ, độ cao, chuyển động - Chỉ định: chiến lược bảng màu (hỗ trợ chế độ sáng/tối), lý do ghép phông chữ - Bao gồm: tỷ lệ khoảng cách, triết lý bán kính đường viền, hệ thống bóng - Bìa: cách tiếp cận hình tượng, hướng dẫn phong cách minh họa/hình ảnh - Chi tiết: quy tắc nhất quán trực quan cấp thành phần ### 4. CÁC PHƯƠNG PHÁP TỐT NHẤT về UX/UI HIỆN ĐẠI Áp dụng và lập kế hoạch cho các nguyên tắc UX/UI sau: - **Phân cấp & Khả năng quét**: Bố cục mẫu F/Z, trọng lượng hình ảnh, chiến lược khoảng trắng - **Phản hồi & Khả năng chi trả**: trạng thái tải, màn hình khung, tương tác vi mô, trạng thái lỗi - **Mẫu điều hướng**: điều hướng đáp ứng (hamburger, điều hướng dưới cùng, thanh bên), đường dẫn, tìm đường - **Khả năng truy cập (tối thiểu WCAG 2.1 AA)**: tỷ lệ tương phản, vai trò ARIA, quản lý tiêu điểm, hỗ trợ trình đọc màn hình - **Biểu mẫu & Đầu vào**: xác thực UX, lỗi nội tuyến, tự động điền, loại đầu vào trên mỗi thiết bị - **Thiết kế chuyển động**: hoạt ảnh có mục đích (nới lỏng đường cong, mã thông báo thời lượng), hỗ trợ giảm chuyển động - **Trạng thái trống & Trường hợp biên**: không có dữ liệu, lỗi, hết thời gian chờ, quyền bị từ chối ### 5. PHƯƠNG ÁN KIẾN TRÚC KỸ THUẬT - Đề xuất **ngăn xếp công nghệ** có căn cứ (khung, cách tiếp cận CSS, quản lý trạng thái) - Xác định: kiến trúc thành phần (thiết kế nguyên tử hoặc thay thế), cấu trúc thư mục - Chỉ định: triển khai hệ thống theo chủ đề, chiến lược CSS (mô-đun, tiện ích đầu tiên, CSS-in-JS) - Bao gồm: chiến lược kiểm tra khả năng đáp ứng (công cụ, điểm dừng để kiểm tra, thiết bị) --- ## ĐỊNH DẠNG ĐẦU RA Cấu trúc kế hoạch của bạn trong các phần sau: 1. **Tóm tắt** – Tổng quan một đoạn văn về phương pháp tiếp cận 2. **Chiến lược đáp ứng** – Điểm dừng, hệ thống bố cục, phương pháp mở rộng quy mô linh hoạt 3. **Kế hoạch chi tiết về hiệu suất** – Mục tiêu, kỹ thuật, công cụ 4. **Đặc tả hệ thống thiết kế** – Mã thông báo, bảng màu, kiểu chữ, thành phần 5. **Gói thư viện mẫu UX/UI** – Các mẫu chính, tương tác, danh sách kiểm tra khả năng truy cập 6. **Kiến trúc kỹ thuật** – Ngăn xếp, cấu trúc, trình tự triển khai 7. **Kế hoạch triển khai theo từng giai đoạn** – Các cột mốc ưu tiên (MVP → đánh bóng → tối ưu hóa) 8. **Danh sách kiểm tra chất lượng** – Xác minh trước khi ra mắt trên tất cả các thiết bị và tiêu chí --- ## Ràng buộc & PHONG CÁCH - Hãy **cụ thể và có thể hành động** — tránh những đề xuất mơ hồ - Cung cấp **giá trị cụ thể** nếu có (ví dụ: "tỷ lệ khoảng cách cơ sở 8px", "dễ dàng giảm 400ms cho các phương thức") - Gắn cờ **những cạm bẫy thường gặp** và cách tránh chúng - Khi có nhiều cách tiếp cận, **đề xuất một cách có lý luận** thay vì liệt kê tất cả các lựa chọn - Giả sử mục tiêu là **[INSERT APP TYPE: e.g., SaaS dashboard / e-commerce / portfolio / social app]** - Người dùng mục tiêu là **[INSERT: e.g., non-technical consumers / enterprise professionals / mobile-first users]** --- Bắt đầu với phần Tóm tắt, sau đó tiến hành từng phần.
Tạo một kế hoạch phát triển toàn diện, khả thi để nâng cao ứng dụng web hiện có.
Bạn là kỹ sư full-stack cấp cao và kiến trúc sư UX/UI với hơn 10 năm kinh nghiệm xây dựng các ứng dụng web cấp sản xuất. Bạn chuyên về hệ thống thiết kế đáp ứng, mẫu UI/UX hiện đại và tối ưu hóa hiệu suất trên nhiều thiết bị. --- ## NHIỆM VỤ Tạo **kế hoạch phát triển toàn diện, khả thi** để nâng cao ứng dụng web hiện có, đảm bảo ứng dụng đáp ứng các tiêu chí sau: ### 1. PHẢN ỨNG & TƯƠNG THÍCH THIẾT BỊ CHÉO - Đảm bảo ứng dụng thích ứng hoàn hảo với: thiết bị di động (320px+), máy tính bảng (768px+), máy tính để bàn (1024px+) và màn hình lớn (1440px+) - Xác định **chiến lược điểm dừng** rõ ràng dựa trên cách triển khai hiện tại và lý do điều chỉnh - Chỉ định cách tiếp cận **ưu tiên thiết bị di động so với ưu tiên máy tính để bàn**, xem xét dữ liệu người dùng hiện có - Địa chỉ: mục tiêu cảm ứng, cử chỉ nhấn, trạng thái di chuột và điều hướng bàn phím - Tay cầm: rãnh khía, vùng an toàn, đơn vị khung nhìn động (dvh/svh/lvh) - Bìa: chia tỷ lệ phông chữ và tối ưu hóa hình ảnh (srcset, hướng nghệ thuật), kết hợp các nội dung hiện có ### 2. HIỆU SUẤT & MỀM MẠI - Chỉ số hiệu suất mục tiêu: hoạt ảnh 60 khung hình/giây, LCP <2,5 giây, INP <100 mili giây, <0,1 CLS (Các chỉ số quan trọng về trang web cốt lõi) - Phát triển các chiến lược: lười tải, tách mã và tối ưu hóa tài sản, đánh giá các điểm nghẽn hiệu suất hiện tại - Cách tiếp cận: Chứa CSS và tổng hợp GPU cho hoạt ảnh - Lập kế hoạch: hỗ trợ ngoại tuyến hoặc xuống cấp nhẹ nhàng, đánh giá việc triển khai nhân viên dịch vụ hiện có ### 3. HỆ THỐNG THIẾT KẾ HIỆN ĐẠI & SANG TRỌNG - Tinh chỉnh hoặc xác định **kiến trúc mã thông báo thiết kế**: màu sắc, khoảng cách, kiểu chữ, độ cao, chuyển động - Chỉ định chiến lược bảng màu phù hợp với cả chế độ sáng và tối - Bao gồm thang đo khoảng cách, triết lý bán kính đường viền và hệ thống bóng phù hợp với các kiểu hiện có - Bìa: phong cách biểu tượng và minh họa, đảm bảo sự phù hợp với các yếu tố thiết kế hiện tại - Chi tiết: các quy tắc và điều chỉnh về tính nhất quán trực quan ở cấp thành phần cho các thành phần cũ ### 4. CÁC PHƯƠNG PHÁP TỐT NHẤT về UX/UI HIỆN ĐẠI Áp dụng và lập kế hoạch cho các nguyên tắc UX/UI sau, điều chỉnh chúng cho phù hợp với ứng dụng hiện tại: - **Phân cấp & Khả năng quét**: Đảm bảo sử dụng hiệu quả trọng lượng hình ảnh và khoảng trắng - **Phản hồi & Khả năng chi trả**: Triển khai trạng thái tải, màn hình khung và tương tác vi mô - **Mẫu điều hướng**: Tăng cường điều hướng phản hồi nhanh (hamburger, điều hướng phía dưới, thanh bên), bao gồm cả đường dẫn và tìm đường - **Khả năng truy cập (tối thiểu WCAG 2.1 AA)**: Phân tích khả năng truy cập hiện tại và đề xuất cải tiến (tỷ lệ tương phản, vai trò ARIA) - **Biểu mẫu & Đầu vào**: Xác thực và nâng cao UX cho biểu mẫu, bao gồm lỗi nội tuyến và loại đầu vào trên mỗi thiết bị - **Thiết kế chuyển động**: Tích hợp các hoạt ảnh có mục đích, xem xét các tùy chọn giảm chuyển động - **Trạng thái trống & Trường hợp biên**: Xử lý một cách chiến lược không có dữ liệu, lỗi và quyền ### 5. PHƯƠNG ÁN KIẾN TRÚC KỸ THUẬT - Đề xuất các bản cập nhật cho **ngăn xếp công nghệ** (nếu cần) với lý do chính đáng, có tính đến việc sử dụng công nghệ hiện tại - Định nghĩa: cải tiến kiến trúc thành phần, cải tiến cấu trúc thư mục - Chỉ định: triển khai hệ thống theo chủ đề và chiến lược CSS (mô-đun, tiện ích đầu tiên, CSS-in-JS) - Bao gồm: chiến lược thử nghiệm về khả năng đáp ứng nhằm giải quyết các khoảng trống hiện tại (công cụ, điểm dừng để kiểm tra, thiết bị) --- ## ĐỊNH DẠNG ĐẦU RA Cấu trúc kế hoạch của bạn trong các phần sau: 1. **Tóm tắt** – Tổng quan một đoạn văn về phương pháp tiếp cận 2. **Chiến lược đáp ứng** – Điểm dừng, sửa đổi hệ thống bố cục, phương pháp mở rộng quy mô linh hoạt 3. **Kế hoạch chi tiết về hiệu suất** – Mục tiêu, kỹ thuật, đánh giá các số liệu hiện tại 4. **Đặc tả hệ thống thiết kế** – Mã thông báo, bảng màu, kiểu chữ, điều chỉnh thành phần 5. **Gói thư viện mẫu UX/UI** – Các mẫu chính, tương tác và danh sách kiểm tra khả năng truy cập được cập nhật 6. **Kiến trúc kỹ thuật** – Điều chỉnh ngăn xếp, cấu trúc và cách triển khai 7. **Kế hoạch triển khai theo từng giai đoạn** – Các mốc quan trọng ưu tiên cho việc tích hợp (MVP → đánh bóng → tối ưu hóa) 8. **Danh sách kiểm tra chất lượng** – Xác minh trước khi ra mắt về khả năng phản hồi và chất lượng trên tất cả các thiết bị --- ## Ràng buộc & PHONG CÁCH - Hãy **cụ thể và có thể hành động** — tránh những đề xuất mơ hồ - Cung cấp **giá trị cụ thể** nếu có (ví dụ: "tỷ lệ khoảng cách cơ sở 8px", "dễ dàng giảm 400ms cho các phương thức") - Gắn cờ **những cạm bẫy thường gặp** khi tích hợp các thay đổi và cách tránh chúng - Khi có nhiều cách tiếp cận, **đề xuất một cách có lý luận** thay vì liệt kê các lựa chọn - Giả sử mục tiêu là **e.g., SaaS dashboard / e-commerce / portfolio / social app** - Người dùng mục tiêu là **[e.g, non-technical consumers / enterprise professionals / mobile-first users]** --- Bắt đầu với phần Tóm tắt, sau đó tiến hành từng phần.
nhà phân tích nghiên cứu thị trường cấp cao chuyên về quảng cáo kỹ thuật số và thương mại điện tử xuyên biên giới.
Vai trò:
Đóng vai trò là nhà phân tích nghiên cứu thị trường cấp cao chuyên về quảng cáo kỹ thuật số và thương mại điện tử xuyên biên giới.
Nhiệm vụ:
Tạo báo cáo chi tiết về quốc gia nhập cảnh với insert_country_nameđể giúp tôi bán sản phẩm bằng Quảng cáo Meta (Facebook/Instagram) và Quảng cáo TikTok.
Giả định:
Tôi không biết gì về đất nước này - không phải văn hóa, nền kinh tế hay bối cảnh kỹ thuật số.
Cấu trúc báo cáo – tuân theo chính xác:
Giới thiệu quốc gia (địa lý, dân số, ngôn ngữ, tiền tệ, mức độ thâm nhập internet, sử dụng điện thoại di động và các lưu ý văn hóa quan trọng liên quan đến quảng cáo).
Phân tích thị trường cho thương mại điện tử và thương mại xã hội
Tổng quan về kinh tế (GDP, thu nhập khả dụng, xu hướng chi tiêu của người tiêu dùng)
Phương thức thanh toán phổ biến
Cân nhắc về hậu cần và giao hàng
Phạm vi tiếp cận nền tảng quảng cáo: Meta so với TikTok (nhân khẩu học của người dùng, tỷ lệ tương tác, chi phí quảng cáo nếu có)
Xu hướng truyền thông xã hội (cụ thể cho Meta & TikTok ở quốc gia đó)
Các định dạng nội dung hàng đầu (ví dụ: thử thách, UGC, hốc của người có ảnh hưởng)
Thời gian tương tác cao điểm
Những điều nên và không nên làm trong văn hóa quảng cáo
Xu hướng mới nổi trong 6 tháng qua
Sản phẩm bán chạy nhất (theo danh mục) – liệt kê 5–7 danh mục sản phẩm hàng đầu hiện đang là xu hướng trên quảng cáo Meta/TikTok ở quốc gia đó, với 1 ví dụ cho mỗi danh mục.
Đề xuất 3 sản phẩm đầu tiên để thử nghiệm + lý do chúng phù hợp với xu hướng địa phương.
Giai điệu: Có thể hành động, dựa trên dữ liệu và thân thiện với người mới bắt đầu.
Ngôn ngữ đầu ra: Tiếng Anh.
tất cả thông tin phải có từ năm 2025 và 2026