trà đá ai
← Mẫu theo ngành
Ăn uống & F&B · TÌNH HUỐNG MINH HỌA

Một ly cà phê cho quán Góc Nhỏ

Quán nhỏ muốn giới thiệu món và không khí của quán mà không cần quay một TVC dài.

Ảnh AI minh họa cho Ăn uống & F&B
Ảnh mẫu · AI tạo cho doanh nghiệp giả định. Xem prompt ↓
Bản dựng HyperFrames: footage Pexels + ảnh AI. 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; footage Pexels kết hợp ảnh AI. 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 món thật; không gian; menu đã duyệt; địa chỉ, giờ mở cửa và cách đặt bàn.

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

  1. Giới thiệu món chủ lực
  2. Clip không gian / hậu trường pha chế
  3. Thông báo menu hoặc nhận đặt bàn

Nội dung mẫu để thử

Một ly cà phê, một góc quen. Nếu bạn đang tìm một nơi ngồi chậm lại, hãy xem menu và nhắn quán để hỏi chỗ. Góc Nhỏ là quán giả định; thay thông tin thật trước khi đăng.

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 Ăn uống & F&B, thương hiệu giả định CÀ PHÊ GÓC NHỎ. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #coffee-film, #f-title1, #f-title2, #f-note, #f-word, #f-sub, #f-line, #f-hero, #f-logo. 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 ly cà phê. Một khoảnh khắc chậm lại. Ghé Góc Nhỏ, chọn món bạn thích và tìm một chỗ ngồi cho mình. Nhắn quán để xem menu. 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 món thật; không gian; menu đã duyệt; địa chỉ, giờ mở cửa và cách đặt bàn.

  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 #coffee-film, #f-title1, #f-title2, #f-note, #f-word, #f-sub, #f-line, #f-hero, #f-logo để 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

Create a refined photorealistic advertising photograph for a fictional Vietnamese independent coffee shop, to demonstrate an AI image creation workflow on a business education website. A single iced milk coffee in a clear unbranded glass on a dark walnut counter, fresh coffee beans subtly scattered, warm morning side light from a large window, authentic contemporary Vietnamese cafe atmosphere softly blurred behind it. Product is hero and sharp, natural reflections, appetizing realistic condensation, no people, no logos, NO TEXT anywhere. Vertical 4:5 composition with generous negative space in upper left for an editable advertising headline later. This is a fictional illustrative cafe product, not a real company's photo. Professional editorial product lighting, warm green and coffee brown palette. Deliver the image asset only.

Brief dựng HTML

Dùng source HyperFrames motion-v2 dựng video dọc 16 giây cho Ăn uống & F&B, thương hiệu giả định CÀ PHÊ GÓC NHỎ. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #coffee-film, #f-title1, #f-title2, #f-note, #f-word, #f-sub, #f-line, #f-hero, #f-logo. 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 ly cà phê. Một khoảnh khắc chậm lại. Ghé Góc Nhỏ, chọn món bạn thích và tìm một chỗ ngồi cho mình. Nhắn quán để xem menu. 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