Công thức cocktail dạng motion graphic 30 giây, từ ly rỗng tới ly đầy

Tóm tắt: Prompt biến một công thức pha chế thành video giải thích 30 giây: từng nguyên liệu và định lượng hiện ra khi rót vào ly.

Ly cocktail được rót đầy từng lớp màu, bên cạnh là chữ ghi tên nguyên liệu và định lượng

Prompt xin Claude dùng JavaScript hoặc HTML làm một video công thức cocktail dài 30 giây, theo kiểu video giải thích. Video đi từ ly rỗng tới ly hoàn chỉnh. Mỗi nguyên liệu và định lượng hiện ra đúng lúc nó được rót vào ly.

Vì sao nhiều người dừng lại xem?

Công thức viết ra giấy thì khô. Cùng công thức đó mà thấy chất lỏng dâng lên trong ly, kèm con số, thì dễ nhớ hơn nhiều. Prompt cũng để Claude tự chọn công cụ ("w/e you think will produce the best"). Khi bạn không chắc nên dùng gì, để Claude chọn thường cho kết quả tốt hơn ép một công cụ.

Cách dùng với Claude Opus 5.5

Mở Claude, chọn Opus 5.5, dán prompt bên dưới. Nhắc thêm một câu: "gói tất cả trong một file HTML, không cần cài gì". Lưu đoạn code Claude trả về thành file .html, mở bằng Chrome. Muốn có video để đăng, bạn quay màn hình lúc nó chạy. Prompt gốc không ghi tên món. Bạn nên ghi rõ, ví dụ "công thức trà sữa trân châu" hay "cà phê muối". Người làm tiệm có thể dùng đúng khung này cho quy trình dịch vụ của mình.

Prompt

Prompt gốc của tác giả:

We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.

Prompt by @Ror_Fly, via Skillry / awesome-opus5-5-videos (MIT)

Câu hỏi thường gặp

Prompt này tạo ra cái gì?

Prompt xin Claude dùng JavaScript hoặc HTML làm một video công thức cocktail dài 30 giây, theo kiểu video giải thích.

Video giải thích này chạy bằng gì, có cần cài phần mềm không?

Mình dán prompt vào Claude Opus 5.5 và nhắc gói hết vào một file HTML, lưu lại rồi mở bằng Chrome. Code dùng Canvas, mở là chạy ngay trong trình duyệt. Muốn có video để đăng thì quay màn hình lúc nó chạy.

Muốn biến video giải thích này thành phiên bản của riêng bạn thì đổi chỗ nào?

Được. Prompt là của @Ror_Fly, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là khái niệm cần giải thích, giọng đọc và số cảnh. Khi chia sẻ lại, bạn ghi nguồn @Ror_Fly là đủ.

Previous
Previous

Dựng cầu Cổng Vàng bằng Three.js, có sương mù và xe chạy

Next
Next

Động cơ phản lực turbofan 3D: tháo từng tầng ngay trong trình duyệt