Tóm tắt: Dùng HyperFrames cho motion graphic, Three.js cho cảnh 3D, đến tiếng gõ phím cũng tổng hợp bằng code.
Tác giả viết bằng tiếng Trung: tạo một video động dài 2 phút về lịch sử phát triển AI. Dùng HyperFrames làm motion graphic, Three.js dựng các cảnh 3D, đến tiếng gõ phím cũng tổng hợp bằng code. Mọi khung hình đều do code dựng, không dùng mô hình tạo video.
Vì sao nhiều người dừng lại xem?
Lịch sử AI là chủ đề hợp với trang này: có mốc rõ ràng để chia cảnh. Prompt nêu đúng công cụ cho từng phần việc (motion 2D, cảnh 3D, âm thanh), nên Claude không phải đoán. Ràng buộc "không dùng mô hình tạo video" giữ cho kết quả sắc nét và sửa được.
Cách dùng với Claude Opus 5.5
Cần Claude Code. HyperFrames là công cụ dựng video bằng HTML; nếu chưa cài, bạn bỏ chữ HyperFrames, giữ Three.js và xin xuất một file HTML để quay màn hình.
Prompt
Prompt gốc tiếng Trung, mình dịch sang tiếng Anh:
Create a 2-minute motion graphics video about the history of AI. Use HyperFrames for the motion graphics and Three.js for the 3D camera shots; even the typing sounds are synthesized in code. Every frame is rendered by code, without any video generation model.Prompt by @btcup99, via Skillry / awesome-opus5-5-videos (MIT)
Câu hỏi thường gặp
Prompt này tạo ra cái gì?
Tác giả viết bằng tiếng Trung: tạo một video động dài 2 phút về lịch sử phát triển AI.
Vì sao cảnh 3D này phải chạy trên máy, không chạy trong trình duyệt?
Bài này không gói gọn trong một file HTML: Claude cần tự chạy lệnh, tìm web hoặc điều khiển trình duyệt. Bạn cần để Claude chạy được lệnh trên máy, ví dụ Claude Code mở trong một thư mục trống. Mình dùng Claude Opus 5.5; Claude tự viết code, tự chạy và xuất ra file video.
Prompt của @btcup99 có được sửa lại cho việc của bạn không?
Được. Prompt là của @btcup99, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là vật thể, ánh sáng, góc máy hay tốc độ quay. Khi chia sẻ lại, bạn ghi nguồn @btcup99 là đủ.
