Từ nhu cầu đóng gói đến bản mẫu cần duyệt
Khách doanh nghiệp cần biết thông tin nào phải chuẩn bị và ai xác nhận mỗi bước.

Công cụ giúp doanh nghiệp làm gì?
- hyperframes ↗
Dựng và xuất chính video mẫu này từ HTML; từng lớp ảnh/chữ có ID riêng.
- hyperframes-core-skills ↗
Hướng dẫn agent viết đúng cấu trúc, kiểm tra và sửa source HyperFrames.
- viet-noi-dung-tu-ghi-chu ↗
Prompt để biến thông tin doanh nghiệp thành caption và lời đọc; không phải gói skill cài đặt.
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
Thông số từ khách; quy trình nhận yêu cầu; mẫu thiết kế; điều kiện báo giá; hình xưởng có quyền.
Ba loại nội dung có thể bắt đầu
- Video quy trình nhận yêu cầu
- Ảnh giải thích cấu tạo / lựa chọn
- Clip hậu trường hoặc hướng dẫn kiểm hàng
Nội dung mẫu để thử
Một bản mẫu rõ giúp hai bên làm việc dễ hơn. Bắt đầu từ nhu cầu đóng gói, thống nhất bản mẫu rồi xác nhận trước khi bàn giao. Xưởng Hộp là ví dụ giả định, chưa phải nhà cung cấp thật.
Chọn agent rồi giao việc
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.
Dùng source HyperFrames motion-v2 dựng video dọc 16 giây cho B2B & sản xuất, thương hiệu giả định XƯỞNG HỘP MẪU. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #b-title, #b-box, #b-lid, #b-lid2, #b-step0, #b-step1, #b-step2, #b-photo, #b-ready. 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: Gửi nhu cầu đóng gói của bạn. Cùng thống nhất thông số, duyệt bản mẫu và xác nhận trước khi bàn giao. Đây là quy trình xưởng giả định để 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
- Chuẩn bị đầu vào
Thông số từ khách; quy trình nhận yêu cầu; mẫu thiết kế; điều kiện báo giá; hình xưởng có quyền.
- 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.
- Viết nội dung theo ngành
Dùng khi đã có thông tin doanh nghiệp thật.
- 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
- Tải ZIP, giải nén vào thư mục dự án và mở bằng Claude Code hoặc Codex.
- Đọ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.
- Yêu cầu agent chạy kiểm tra rồi mở HyperFrames preview. Chọn các lớp #b-title, #b-box, #b-lid, #b-lid2, #b-step0, #b-step1, #b-step2, #b-photo, #b-ready để sửa đúng đối tượng.
- 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
Photorealistic editorial advertising image for a fictional small business making packaging: a precise arrangement of unbranded kraft cardboard boxes in several sizes, one open box with cream tissue paper, a neat paper swatch fan, a plain packing tape roll, on a dark green workbench. A clean small workshop softly blurred in the background. Professional side light, detailed tactile paper edges, realistic modest manufacturing context. Vertical 4:5 composition, negative space for later editable business headline. No people, logos, letters, certification seals or numerical performance claims.
Brief dựng HTML
Dùng source HyperFrames motion-v2 dựng video dọc 16 giây cho B2B & sản xuất, thương hiệu giả định XƯỞNG HỘP MẪU. Đọc README và fields.json, rồi áp brief vào các lớp HTML riêng: #b-title, #b-box, #b-lid, #b-lid2, #b-step0, #b-step1, #b-step2, #b-photo, #b-ready. 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: Gửi nhu cầu đóng gói của bạn. Cùng thống nhất thông số, duyệt bản mẫu và xác nhận trước khi bàn giao. Đây là quy trình xưởng giả định để 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
- Digital Clouds — Alejandro Magaña / Mixkit ↗
Nhạc nền bản MP4, không phát hành track rời trong template; SFX chuyển cảnh tự tổng hợp.
Ví dụ từ footage thật: Hana Nguyên
Hai video đã có của dự án Hana, giữ nguyên nhận diện và nội dung. Đây là tư liệu minh họa quy trình thực tế; không phải bằng chứng repo hoặc skill bất kỳ đã dựng hai bản này.
Kiểm tra trước khi dùng cho doanh nghiệp
- Không bịa chứng nhận, công suất hoặc khách hàng đã hợp tác.
- Hình minh họa không được nhận là xưởng hoặc hàng hóa thực tế.
- Đổi thông tin giả định, xác nhận quyền dùng tài sản, nghe/xem bản xuất và kiểm CTA trước khi đăng.