trà đá ai
← Mẫu theo ngành
Bán lẻ & TMĐT · TÌNH HUỐNG MINH HỌA

Giới thiệu bình giữ nhiệt Bình Mây

Shop cần nhiều phiên bản nội dung cho cùng một sản phẩm, nhưng ảnh, tên và thông số phải nhất quán.

Ảnh AI minh họa cho Bán lẻ & TMĐT
Ảnh mẫu · AI tạo cho doanh nghiệp giả định. Xem prompt ↓
Bản dựng HyperFrames: ảnh AI + đồ họa theo ngành. Bốn phần, từng lớp có source sửa tiếp.

Bản motion v2 · 16 giây · 1080×1920 / 30fps. Doanh nghiệp giả định; ảnh AI và lớp đồ họa HTML. Giọng minh họa từ bản thu mới của chủ dự án; hồ sơ clone riêng tư. Nhạc Mixkit và SFX tự tổng hợp. Không phải video AI image-to-video.

Tải template & source ↓Tải MP4 ↓Tải ảnh mẫu ↓Tải phụ đề ↓

Công cụ giúp doanh nghiệp làm gì?

Agent đọc brief và source → áp ảnh/lời/nhận diện của bạn → HyperFrames chạy animation HTML theo thời gian → kiểm tra rồi xuất MP4. Việc tạo ảnh AI là bước riêng, cần công cụ tạo ảnh phù hợp.

Chuẩn bị đầu vào

Ảnh sản phẩm của shop; tên; đặc điểm đã kiểm chứng; cách hỏi giá hoặc mua hàng.

Ba loại nội dung có thể bắt đầu

  1. Bài giới thiệu một sản phẩm
  2. Video hướng dẫn chọn hoặc sử dụng
  3. Ảnh bộ sưu tập / thông báo hàng mới

Nội dung mẫu để thử

Bình Mây — một thiết kế, màu của bạn. Xem thiết kế và chọn cách phối hợp với thương hiệu. Nhắn shop để hỏi thông tin sản phẩm. Đây là thương hiệu giả định để thực hành.

Chọn agent rồi giao việc

Dùng với

Mở Codex, điền đầu vào và gửi yêu cầu bên dưới. Tải ZIP v2, mở thư mục bằng Codex. Agent đọc README, kiểm Node/FFmpeg/HyperFrames rồi sửa HTML. File fields.json là brief, không tự đồng bộ sang hình.

BƯỚC 1/3 · YÊU CẦU CHO CODEX
Dùng source HyperFrames motion-v2 dựng video dọc 16 giây cho Bán lẻ & TMĐT, thương hiệu giả định BÌNH MÂY. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #r-word, #r-product, #r-intro, #r-detail-title, #r-card1, #r-card2, #r-back, #r-color-title, #r-swatches. Giữ nhịp bốn phần; thay ảnh/clip và thông tin bằng tài sản của tôi có quyền. Lời mẫu: Một thiết kế gọn cho góc bàn của bạn. Chọn phong cách thương hiệu, xem mẫu và nhắn để tìm hiểu thêm. Đây là sản phẩm minh họa. Không bịa giá, chứng nhận hoặc kết quả. Chạy check, mở preview, xem hết chuyển cảnh và kiểm tiếng rồi xuất MP4. Giao source và phần chưa kiểm. Source công khai mặc định không có âm thanh; dùng giọng/nhạc của tôi khi được cung cấp, không clone từ video mẫu. Kiểm tra runtime đã cài; không tự dùng dịch vụ trả phí hoặc đăng bài.
Hướng dẫn từng bước cho người mới
  1. Chuẩn bị đầu vào

    Ảnh sản phẩm của shop; tên; đặc điểm đã kiểm chứng; cách hỏi giá hoặc mua hàng.

  2. Dựng video từ template

    Tải ZIP v2, mở thư mục bằng Codex. Agent đọc README, kiểm Node/FFmpeg/HyperFrames rồi sửa HTML. File fields.json là brief, không tự đồng bộ sang hình.

  3. Viết nội dung theo ngành

    Dùng khi đã có thông tin doanh nghiệp thật.

  4. Chuẩn bị ảnh đúng mục đích

    Agent phải có công cụ tạo ảnh hoặc kết nối phù hợp; nếu chưa có, giao prompt và nói rõ chưa tạo ảnh.

Kiểm tra kết quả thật trước khi dùng. Đăng nhập và đồng ý quyền là bước bạn tự thực hiện. Claude Code là công cụ làm việc với dự án, khác chat Claude trên web.

Chỉnh template từng bước

  1. Tải ZIP, giải nén vào thư mục dự án và mở bằng Claude Code hoặc Codex.
  2. Đọc README và fields.json. Thay assets/hero.jpg bằng ảnh của bạn; thay thương hiệu, thông điệp và CTA trong index.html. fields.json là brief, cần agent áp thay đổi vào HTML.
  3. Yêu cầu agent chạy kiểm tra rồi mở HyperFrames preview. Chọn các lớp #r-word, #r-product, #r-intro, #r-detail-title, #r-card1, #r-card2, #r-back, #r-color-title, #r-swatches để sửa đúng đối tượng.
  4. Phát hết video, kiểm chữ, hình và tiếng. Chạy lại kiểm tra, xuất MP4 mới; giữ source để sửa tiếp.

Thời lượng, giọng và nhạc có thể thay theo nhu cầu. Source công khai không kèm hồ sơ giọng cá nhân, khóa API hoặc nhạc riêng.

Prompt ảnh thực dùng và cách dựng video

Prompt tạo ảnh

Premium photorealistic product advertising photo of a fictional unbranded reusable insulated water bottle in soft ivory with a dark sage green cap, standing on a warm stone podium. Dark forest green studio backdrop, gentle side lighting, realistic material and contact shadow, subtle folded linen. Bottle large and sharp, editorial commercial still life. Vertical 4:5, leave negative space top left for an editable headline later. NO TEXT, no logo, no real brand, no performance claims. A fictional example product for a Vietnamese SME marketing education site.

Brief dựng HTML

Dùng source HyperFrames motion-v2 dựng video dọc 16 giây cho Bán lẻ & TMĐT, thương hiệu giả định BÌNH MÂY. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #r-word, #r-product, #r-intro, #r-detail-title, #r-card1, #r-card2, #r-back, #r-color-title, #r-swatches. Giữ nhịp bốn phần; thay ảnh/clip và thông tin bằng tài sản của tôi có quyền. Lời mẫu: Một thiết kế gọn cho góc bàn của bạn. Chọn phong cách thương hiệu, xem mẫu và nhắn để tìm hiểu thêm. Đây là sản phẩm minh họa. Không bịa giá, chứng nhận hoặc kết quả. Chạy check, mở preview, xem hết chuyển cảnh và kiểm tiếng rồi xuất MP4. Giao source và phần chưa kiểm. Source công khai mặc định không có âm thanh; dùng giọng/nhạc của tôi khi được cung cấp, không clone từ video mẫu.

Ảnh được tạo trước lựa chọn ưu tiên tìm tư liệu online mới nhất. Khi làm cho doanh nghiệp thật, ưu tiên ảnh/clip có quyền và phản ánh đúng sản phẩm của bạn.

Nguồn hình, nhạc và quyền sử dụng

Kiểm tra trước khi dùng cho doanh nghiệp