@ayoubelouardi3710
Chuyển đổi hình ảnh sản phẩm đầu vào thành một bức ảnh chụp studio thương mại chuyên nghiệp trong khi vẫn giữ nguyên chính xác nhận diện sản phẩm, hình học, tỷ lệ, đường may, kết cấu bề mặt và đặc tính chất liệu.
1{2 "model": "nano-banana",3 "task": "image_to_image_product_enhancement",...+150 dòng nữa
Tạo một video xoay 360 độ ổn định, chân thực như ảnh chụp của sản phẩm bằng cách sử dụng hình ảnh mặt trước và mặt sau chụp tại studio được cung cấp. Sản phẩm phải có độ phồng tự nhiên bên trong như thể đang được mặc bởi một người vô hình (hiệu ứng ma-nơ-canh tàng hình), giữ nguyên chính xác hình học, tỷ lệ, cấu trúc vải và nhận diện sản phẩm. Không để lộ người thật, ma-nơ-canh hay khung giá đỡ.
1{2 "model": "veo-3.1",3 "task": "image_to_video_360_product_rotation",...+199 dòng nữa
Chuyển đổi hình ảnh sản phẩm quần áo được cung cấp thành ảnh trưng bày studio cao cấp kiểu ma-nơ-canh vô hình (ghost-mannequin), trong đó trang phục trông như đang được mặc tự nhiên và có độ phồng khối 3D như thể được thổi căng bằng không khí trên một ma-nơ-canh tàng hình. Giữ nguyên tuyệt đối đặc điểm nhận diện của sản phẩm gốc mà không làm thay đổi bất kỳ chi tiết nào
1{2 "model": "nano-banana",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, có tính hành động cao để xây dựng một ứng dụng web đáp ứng đa thiết bị (responsive).
Bạn là một 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 đạt chuẩn vận hành thực tế (production-grade). Bạn chuyên sâu về các hệ thống thiết kế đáp ứng (responsive design systems), các mẫu UI/UX hiện đại và tối ưu hóa hiệu năng đa thiết bị. --- ## NHIỆM VỤ Tạo một **kế hoạch phát triển toàn diện, có tính hành động cao** để xây dựng một ứng dụng web đáp ứng đa thiết bị thỏa mãn các tiêu chí sau: ### 1. KHẢ NĂNG ĐÁP ỨNG (RESPONSIVENESS) & TƯƠNG THÍCH ĐA THIẾT BỊ - Thích ứng hoàn hảo với: điện thoại di động (320px+), máy tính bảng (768px+), máy tính để bàn (1024px+), màn hình lớn (1440px+) - Định nghĩa một **chiến lược điểm ngắt (breakpoint strategy)** rõ ràng kèm theo cơ sở lý giải - Chỉ định phương pháp tiếp cận **ưu tiên di động (mobile-first) hay ưu tiên máy tính (desktop-first)** kèm lý do thuyết phục - Giải quyết triệt để: kích thước vùng chạm (touch targets), cử chỉ chạm, trạng thái di chuột (hover states), điều hướng bằng bàn phím - Xử lý: vùng tai thỏ (notches), vùng hiển thị an toàn (safe areas), các đơn vị khung nhìn động (dvh/svh/lvh) - Bao quát: co giãn phông chữ, tối ưu hóa hình ảnh (srcset, art direction), chữ co giãn linh hoạt (fluid typography) ### 2. HIỆU NĂNG & ĐỘ MƯỢT MÀ - Mục tiêu: hoạt ảnh 60fps, LCP <2.5s, INP <100ms, CLS <0.1 (Core Web Vitals) - Chiến lược cho: tải trễ (lazy loading), tách nhỏ mã nguồn (code splitting), tối ưu hóa tài nguyên - Phương pháp tiếp cận đối với: cô lập kết xuất CSS (CSS containment), thuộc tính will-change, tổng hợp lớp bằng GPU cho hoạt ảnh - Kế hoạch cho: hỗ trợ ngoại tuyến (offline support) hoặc suy giảm nhẹ nhàng (graceful degradation) ### 3. HỆ THỐNG THIẾT KẾ (DESIGN SYSTEM) HIỆN ĐẠI & THANH LỊCH - Định nghĩa một **kiến trúc biến thiết kế (design token architecture)**: màu sắc, khoảng cách, phông chữ, độ nổi khối, chuyển động - Chỉ định: chiến lược bảng màu (hỗ trợ chế độ sáng/tối), lý do kết hợp các cặp phông chữ - Bao gồm: thang đo khoảng cách, triết lý bo góc (border radius), hệ thống đổ bóng - Bao quát: phương pháp sử dụng biểu tượng (iconography), hướng dẫn phong cách minh họa/hình ảnh - Chi tiết hóa: các quy tắc đảm bảo tính nhất quán thị giác ở cấp độ thành phần (component-level) ### 4. THỰC HÀNH TỐT NHẤT VỀ UX/UI HIỆN ĐẠI Áp dụng và lập kế hoạch cho các nguyên lý UX/UI sau đây: - **Phân cấp & Khả năng đọc lướt (Hierarchy & Scannability)**: bố cục theo mẫu mắt đọc chữ F/Z, trọng lượng thị giác, chiến lược khoảng trắng - **Phản hồi & Gợi ý tương tác (Feedback & Affordance)**: trạng thái đang tải, màn hình khung xương (skeleton screens), vi tương tác, trạng thái lỗi - **Mẫu Điều hướng (Navigation Patterns)**: điều hướng đáp ứng (hamburger, thanh điều hướng đáy, thanh bên), đường dẫn phân cấp (breadcrumbs), định hướng vị trí (wayfinding) - **Khả năng Tiếp cận (Accessibility - tối thiểu đạt chuẩn WCAG 2.1 AA)**: tỷ lệ tương phản, vai trò ARIA, quản lý tiêu điểm (focus management), hỗ trợ trình đọc màn hình - **Biểu mẫu & Nhập liệu (Forms & Input)**: trải nghiệm xác thực dữ liệu, báo lỗi nội tuyến, tự động điền (autofill), kiểu bàn phím nhập liệu theo từng thiết bị - **Thiết kế Chuyển động (Motion Design)**: hoạt ảnh có mục đích (đường cong gia tốc easing, biến thời lượng), hỗ trợ tùy chọn giảm chuyển động (reduced-motion) - **Trạng thái Trống & Trường hợp Biên (Empty States & Edge Cases)**: chưa có dữ liệu, lỗi hệ thống, hết thời gian chờ (timeouts), từ chối quyền truy cập ### 5. KẾ HOẠCH KIẾN TRÚC KỸ THUẬT - Khuyến nghị một **bộ công nghệ (tech stack)** kèm lý giải (framework, phương pháp CSS, quản lý trạng thái) - Định nghĩa: kiến trúc thành phần (thiết kế nguyên tử atomic design hoặc phương pháp thay thế), cấu trúc thư mục - Chỉ định: cách triển khai hệ thống chủ đề giao diện (theming system), chiến lược CSS (modules, utility-first, CSS-in-JS) - Bao gồm: chiến lược kiểm thử khả năng đáp ứng (công cụ, các điểm ngắt cần test, thiết bị kiểm thử) --- ## ĐỊNH DẠNG ĐẦU RA Cấu trúc bản kế hoạch của bạn theo các phần mục sau: 1. **Tóm tắt Điều hành (Executive Summary)** – Một đoạn văn tổng quan về phương pháp tiếp cận 2. **Chiến lược Đáp ứng (Responsive Strategy)** – Các điểm ngắt, hệ thống bố cục, phương pháp co giãn linh hoạt 3. **Bản thiết kế Hiệu năng (Performance Blueprint)** – Các chỉ số mục tiêu, kỹ thuật áp dụng, bộ công cụ đo lường 4. **Đặc tả Hệ thống Thiết kế (Design System Specification)** – Các biến token, bảng màu, phông chữ, các thành phần giao diện 5. **Kế hoạch Thư viện Mẫu UX/UI (UX/UI Pattern Library Plan)** – Các mẫu giao diện chính, tương tác, danh sách kiểm tra khả năng tiếp cận 6. **Kiến trúc Kỹ thuật (Technical Architecture)** – Bộ công nghệ, cấu trúc thư mục, thứ tự triển khai 7. **Kế hoạch Triển khai theo Giai đoạn (Phased Rollout Plan)** – Các cột mốc ưu tiên (MVP → trau chuốt → tối ưu hóa) 8. **Danh sách Kiểm tra Chất lượng (Quality Checklist)** – 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ó tính hành động cao** — tránh những lời khuyên chung chung mơ hồ - Cung cấp **các giá trị định lượng cụ thể** ở những nơi áp dụng được (ví dụ: "thang khoảng cách cơ sở 8px", "400ms ease-out cho hộp thoại modal") - Cảnh báo **những cạm bẫy thường gặp** và cách phòng tránh chúng - Ở những khâu có nhiều hướng tiếp cận, **hãy khuyến nghị một phương án tốt nhất kèm lý do** thay vì chỉ liệt kê tất cả các lựa chọn - Giả định ứng dụng mục tiêu là một **[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]** --- Hãy bắt đầu bằng phần Tóm tắt Điều hành, sau đó đi lần lượt qua từng phần mục.
Tạo một kế hoạch phát triển toàn diện, có tính hành động cao nhằm nâng cấp ứng dụng web hiện có.
Bạn là một 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 đạt chuẩn vận hành thực tế (production-grade). Bạn chuyên sâu về các hệ thống thiết kế đáp ứng (responsive design systems), các mẫu UI/UX hiện đại và tối ưu hóa hiệu năng đa thiết bị. --- ## NHIỆM VỤ Tạo một **kế hoạch phát triển toàn diện, có tính hành động cao** nhằm nâng cấp ứng dụng web hiện có, đảm bảo đáp ứng các tiêu chí sau: ### 1. KHẢ NĂNG ĐÁP ỨNG (RESPONSIVENESS) & TƯƠNG THÍCH ĐA THIẾT BỊ - Đảm bảo ứng dụng thích ứng hoàn hảo với: điện thoại 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+) - Định nghĩa một **chiến lược điểm ngắt (breakpoint strategy)** rõ ràng dựa trên bản triển khai hiện tại, kèm theo lý giải cho các điều chỉnh - Chỉ định phương pháp tiếp cận **ưu tiên di động (mobile-first) hay ưu tiên máy tính (desktop-first)** dựa trên việc xem xét dữ liệu người dùng hiện có - Giải quyết triệt để: kích thước vùng chạm (touch targets), cử chỉ chạm (tap gestures), trạng thái di chuột (hover states) và điều hướng bằng bàn phím - Xử lý: vùng tai thỏ (notches), vùng hiển thị an toàn (safe areas), các đơn vị khung nhìn động (dvh/svh/lvh) - Bao quát: co giãn phông chữ và tối ưu hóa hình ảnh (srcset, art direction), tận dụng kết hợp các tài nguyên hình ảnh hiện có ### 2. HIỆU NĂNG & ĐỘ MƯỢT MÀ - Các chỉ số hiệu năng mục tiêu: hoạt ảnh đạt 60fps, LCP <2.5s, INP <100ms, CLS <0.1 (Core Web Vitals) - Xây dựng chiến lược cho: tải trễ (lazy loading), tách nhỏ mã nguồn (code splitting) và tối ưu hóa tài nguyên sau khi đánh giá các điểm nghẽn hiệu năng hiện tại - Phương pháp tiếp cận đối với: cô lập kết xuất bằng CSS (CSS containment) và tổng hợp lớp bằng GPU (GPU compositing) cho hoạt ảnh - Lập kế hoạch cho: hỗ trợ ngoại tuyến (offline support) hoặc suy giảm nhẹ nhàng (graceful degradation), đánh giá các triển khai service worker hiện có ### 3. HỆ THỐNG THIẾT KẾ (DESIGN SYSTEM) HIỆN ĐẠI & THANH LỊCH - Tinh chỉnh hoặc định nghĩa một **kiến trúc biến thiết kế (design token architecture)**: màu sắc, khoảng cách, phông chữ, độ nổi khối (elevation), chuyển động (motion) - Chỉ định chiến lược bảng màu đáp ứng tốt cả chế độ sáng (light mode) lẫn chế độ tối (dark mode) - Bao gồm thang đo khoảng cách, triết lý bo góc (border radius) và hệ thống đổ bóng nhất quán với các kiểu dáng hiện có - Bao quát: hệ thống biểu tượng (iconography) và phong cách minh họa, đảm bảo sự đồng bộ với các yếu tố thiết kế hiện tại - Chi tiết hóa: các quy tắc nhất quán thị giác ở cấp độ thành phần (component-level) và các bước điều chỉnh cho các thành phần cũ (legacy components) ### 4. THỰC HÀNH TỐT NHẤT VỀ UX/UI HIỆN ĐẠI Áp dụng và lập kế hoạch cho các nguyên lý UX/UI sau đây, điều chỉnh cho phù hợp với ứng dụng hiện tại: - **Phân cấp & Khả năng đọc lướt (Hierarchy & Scannability)**: Đảm bảo sử dụng hiệu quả trọng lượng thị giác và khoảng trắng - **Phản hồi & Gợi ý tương tác (Feedback & Affordance)**: Triển khai các trạng thái đang tải, màn hình khung xương (skeleton screens) và các vi tương tác (micro-interactions) - **Mẫu Điều hướng (Navigation Patterns)**: Nâng cấp hệ thống điều hướng đáp ứng (menu hamburger, thanh điều hướng đáy, thanh bên), bao gồm cả đường dẫn phân cấp (breadcrumbs) và định hướng vị trí (wayfinding) - **Khả năng Tiếp cận (Accessibility - tối thiểu đạt chuẩn WCAG 2.1 AA)**: Phân tích khả năng tiếp cận hiện tại và đề xuất các cải tiến (tỷ lệ tương phản, các vai trò ARIA) - **Biểu mẫu & Nhập liệu (Forms & Input)**: Xác thực và nâng cao trải nghiệm UX cho biểu mẫu, bao gồm thông báo lỗi nội tuyến và kiểu bàn phím nhập liệu phù hợp với từng thiết bị - **Thiết kế Chuyển động (Motion Design)**: Tích hợp các hoạt ảnh có mục đích rõ ràng, có tính đến tùy chọn giảm chuyển động (reduced-motion) của người dùng - **Trạng thái Trống & Trường hợp Biên (Empty States & Edge Cases)**: Xử lý có chiến lược các trường hợp chưa có dữ liệu, xảy ra lỗi và phân quyền truy cập ### 5. KẾ HOẠCH KIẾN TRÚC KỸ THUẬT - Khuyến nghị cập nhật **bộ công nghệ (tech stack)** (nếu cần) kèm theo lý giải thuyết phục, có cân nhắc đến các công nghệ đang sử dụng - Định nghĩa: các nâng cấp về kiến trúc thành phần (component architecture) và cải tiến cấu trúc thư mục - Chỉ định: cách triển khai hệ thống chủ đề giao diện (theming system) và chiến lược CSS (CSS modules, utility-first, hay CSS-in-JS) - Bao gồm: chiến lược kiểm thử khả năng đáp ứng nhằm giải quyết các khoảng trống hiện tại (công cụ, các điểm ngắt cần test, thiết bị kiểm thử) --- ## ĐỊNH DẠNG ĐẦU RA Cấu trúc bản kế hoạch của bạn theo các phần mục sau: 1. **Tóm tắt Điều hành (Executive Summary)** – Một đoạn văn tổng quan về phương pháp tiếp cận 2. **Chiến lược Đáp ứng (Responsive Strategy)** – Các điểm ngắt, sửa đổi hệ thống bố cục, phương pháp co giãn linh hoạt 3. **Bản thiết kế Hiệu năng (Performance Blueprint)** – Các chỉ số mục tiêu, kỹ thuật áp dụng, đánh giá các chỉ số hiện tại 4. **Đặc tả Hệ thống Thiết kế (Design System Specification)** – Các biến token, bảng màu, phông chữ, điều chỉnh thành phần giao diện 5. **Kế hoạch Thư viện Mẫu UX/UI (UX/UI Pattern Library Plan)** – Các mẫu giao diện chính, tương tác và danh sách kiểm tra khả năng tiếp cận cập nhật 6. **Kiến trúc Kỹ thuật (Technical Architecture)** – Bộ công nghệ, cấu trúc thư mục và các điều chỉnh triển khai 7. **Kế hoạch Triển khai theo Giai đoạn (Phased Rollout Plan)** – Các cột mốc tích hợp theo thứ tự ưu tiên (MVP → trau chuốt → tối ưu hóa) 8. **Danh sách Kiểm tra Chất lượng (Quality Checklist)** – Xác minh trước khi ra mắt về khả năng đáp ứng và chất lượng trên toàn bộ thiết bị --- ## RÀNG BUỘC & PHONG CÁCH - Hãy **cụ thể và có tính hành động cao** — tránh những lời khuyên chung chung mơ hồ - Cung cấp **các giá trị định lượng cụ thể** ở những nơi áp dụng được (ví dụ: "thang khoảng cách cơ sở 8px", "400ms ease-out cho hộp thoại modal") - Cảnh báo **những cạm bẫy thường gặp** khi tích hợp các thay đổi vào hệ thống cũ và cách phòng tránh chúng - Ở những khâu có nhiều hướng tiếp cận, **hãy khuyến nghị một phương án tốt nhất kèm lý do** thay vì chỉ liệt kê mọi lựa chọn - Giả định ứng dụng mục tiêu là một **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]** --- Hãy bắt đầu bằng phần Tóm tắt Điều hành, sau đó đi lần lượt qua từng phần mục.
Chuyên gia 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ò:
Hãy đóng vai một chuyên gia phân tích nghiên cứu thị trường cấp cao chuyên sâu về quảng cáo kỹ thuật số và thương mại điện tử xuyên biên giới (cross-border e-commerce).
Nhiệm vụ:
Tạo một báo cáo thâm nhập thị trường quốc gia chi tiết cho insert_country_name nhằm 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 (TikTok Ads).
Giả định:
Tôi hoàn toàn không biết gì về quốc gia này — từ văn hóa, kinh tế cho đến bức tranh toàn cảnh về kỹ thuật số của họ.
Cấu trúc Báo cáo – hãy tuân thủ chính xác:
Giới thiệu Quốc gia (địa lý, dân số, ngôn ngữ, tiền tệ, tỷ lệ thâm nhập internet, mức độ sử dụng thiết bị 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ử & Thương mại Xã hội (Social Commerce)
Tổng quan kinh tế (GDP, thu nhập khả dụng, xu hướng chi tiêu của người tiêu dùng)
Các phương thức thanh toán phổ biến
Các lưu ý về hậu cần (logistics) & giao nhận hàng hóa
Độ phủ của nền tảng quảng cáo: Meta so với TikTok (nhân khẩu học người dùng, tỷ lệ tương tác, chi phí quảng cáo nếu có)
Xu hướng Mạng xã hội (đặc thù riêng cho Meta & TikTok tại quốc gia đó)
Các định dạng nội dung hàng đầu (ví dụ: thử thách trào lưu, nội dung do người dùng tạo - UGC, các ngách người có sức ảnh hưởng - influencer)
Khung giờ tương tác cao điểm
Những điều nên làm & không nên làm về mặt văn hóa khi chạy quảng cáo
Các xu hướng mới nổi trong vòng 6 tháng qua
Các 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 thịnh hành trên quảng cáo Meta/TikTok tại quốc gia đó, kèm theo 1 ví dụ cụ thể cho mỗi danh mục.
Đề xuất 3 sản phẩm đầu tiên nên chạy thử nghiệm + lý do tại sao chúng phù hợp với xu hướng bản địa.
Giọng điệu: Thiết thực, có tính hành động cao (actionable), 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 (English).
Tất cả thông tin phải được cập nhật từ năm 2025 và 2026