Võ Trọng Nghĩa

Làm video bằng code với Claude Opus 5.5: rút ra từ 500 video

Không mở phần mềm dựng phim, Claude viết code cho cả hình lẫn nhạc. Người ta dùng công cụ gì, quy trình ra sao, prompt mẫu, và chỗ nào chưa tốt như video quảng cáo.

Võ Trọng Nghĩa 📅 · ⏱ 6 phút đọc

Mấy tuần nay trên X (Twitter) có rất nhiều video giới thiệu sản phẩm, logo 3D, motion graphics trông như của studio. Điểm chung: không ai mở phần mềm dựng phim. Claude Opus 5.5 viết code cho tất cả, kể cả nhạc nền.

Trang Skillry gom hơn 500 video như vậy, kèm prompt tác giả chia sẻ và một bản làm lại để so. Mình đã xem qua và tóm lại phần đáng học: người ta làm thế nào, tốn bao lâu, và bạn bắt đầu từ đâu.

⚠️ Các công cụ trong bài đổi rất nhanh. Bài đúng tới tháng 10/2026, chỗ nào khác thì xem tài liệu chính thức của từng công cụ.

Video "bằng code" là gì

Sora, Veo là kiểu gõ mô tả rồi AI "vẽ" ra từng khung hình. Ở đây khác: AI viết code, rồi code đó được "quay" lại thành file MP4.

  1. Bạn mô tả video muốn làm.
  2. Claude viết một trang web có chuyển động: chữ bay vào, biểu đồ mọc lên, cảnh 3D xoay…
  3. Một công cụ mở trang đó, chụp từng khung hình, ghép thành video.

Vì là code nên chữ luôn sắc nét và đúng chính tả (kể cả tiếng Việt có dấu), màu đúng mã màu thương hiệu, sửa một chi tiết chỉ cần nói "đổi chỗ này", không phải làm lại từ đầu. Đổi lại, cách này chỉ hợp đồ họa chuyển động: video giới thiệu, giải thích khái niệm. Cảnh quay người thật thì không làm được.

Người ta dùng công cụ gì

Xem hết trang Skillry, gần như video nào cũng dùng một trong hai "máy quay":

Công cụ Viết bằng Ghi chú
HyperFrames (của HeyGen) HTML, CSS, JavaScript Mã nguồn mở (Apache 2.0). Có sẵn bộ skill cho Claude Code: video giới thiệu sản phẩm, video giải thích, video từ pull request…
Remotion React Lâu đời và phổ biến hơn. Miễn phí cho cá nhân và nhóm nhỏ, công ty lớn hơn phải mua giấy phép, xem điều khoản trên trang chủ

Bên trong video, Claude hay dùng thêm:

  • GSAP: thư viện làm chuyển động mượt.
  • Three.js: dựng cảnh 3D thật (kính khúc xạ ánh sáng, logo xoay…).
  • SVG, Canvas: vẽ hình, hiệu ứng hạt, nền chuyển động.
  • Python: tự tổng hợp nhạc nền và hiệu ứng âm thanh trong code, không cần kho nhạc nên không lo bản quyền.
  • Giọng đọc khi cần thuyết minh: ElevenLabs, Gemini TTS…

Một quy trình đáng học

Trong cả trăm video, có một tác giả người Nhật kể lại quy trình làm video ra mắt công cụ SEO của họ, gần như tự động hoàn toàn. Mình tóm lại vì nó làm có hệ thống, không phải "một prompt là xong":

  1. Claude mở trình duyệt, dùng thử sản phẩm (tác giả chỉ tự đăng nhập).
  2. Claude viết bản mô tả tính năng, giá, và cả những điều không được nói trong video.
  3. Claude tự chụp màn hình sản phẩm trên máy tính và điện thoại.
  4. Claude viết kịch bản phân cảnh và lời thuyết minh.
  5. Claude dựng video bằng Remotion, tự xem lại ảnh từng cảnh để sửa chữ bị cắt, bị chồng.
  6. Tạo giọng đọc bằng Gemini TTS.
  7. Chia lời đọc thành từng câu để chữ và hình hiện đúng lúc giọng nói tới.
  8. Claude tự viết nhạc nền, tự giảm âm lượng nhạc khi có giọng đọc.

Kết quả: video 52 giây, người làm chỉ bấm duyệt. Chỗ đáng học là bước 5: cho AI tự xem lại kết quả và tự sửa. Cách này ra chất lượng tốt hơn hẳn một prompt dài.

Prompt trông thế nào

Nhiều prompt ngắn bất ngờ. Có người chỉ hỏi kiểu "hôm nay thứ mấy, trả lời bằng một đoạn motion graphics 30 giây có nhạc, làm hết sức nhé", khoảng 11 phút sau là có video. Có người viết đúng hai câu.

Nhưng các video đẹp nhất thường có prompt nêu đủ những ý dưới đây. Mình viết lại thành mẫu tiếng Việt:

Dùng [HyperFrames / Remotion], làm một video [thời lượng] giây, khổ 1920x1080, 60fps
giới thiệu [sản phẩm / chủ đề].
- Bảng màu: [mã màu thương hiệu], logo ở [đường dẫn file]
- Phong cách: [ví dụ: tối giản, cao cấp, chữ chuyển động mạnh, có chiều sâu 3D]
- Bố cục: mở đầu gây chú ý → 3 ý chính → kết bằng logo và câu "[khẩu hiệu]"
- Tự viết nhạc nền và hiệu ứng âm thanh bằng code, khớp nhịp với từng lần chuyển cảnh
- Mọi khung hình và âm thanh đều viết bằng code
- Xuất xong thì tự xem lại ảnh chụp từng cảnh, sửa chữ bị cắt hoặc chồng lên nhau

Mẹo từ các tác giả:

  • Đưa video mẫu. Có người chỉ đưa một video tham khảo và một câu prompt, Claude bắt chước được nhịp và phong cách.
  • Bật mức suy nghĩ cao (effort High hoặc Max). Nhiều video đẹp ghi rõ dùng mức này.
  • Góp ý như với người dựng phim: "đoạn giữa chậm quá", "logo xuất hiện mạnh hơn". Không cần biết code.

Chỗ chưa tốt như video quảng cáo

Skillry chỉ trưng video đẹp. Đọc kỹ bài gốc thì thấy:

  • Có tác giả kể bản đầu khá yếu, góp ý nhiều lần mới ổn. Không phải lúc nào cũng một phát ăn ngay.
  • Một video mất từ 10 phút tới hơn nửa tiếng, tốn khá nhiều lượt dùng Claude.
  • Nhạc tổng hợp bằng code nghe được, nhưng chưa bằng nhạc chuyên nghiệp. Có người tự nhận phần âm thanh "chưa tốt lắm".
  • Nhiều video na ná nhau: chữ to bay vào, nền tối, ánh sáng xanh tím. Muốn khác thì phải tự đưa phong cách riêng: màu, font, video mẫu.

Muốn thử thì bắt đầu thế này

  1. Cài Claude Code (cần gói Claude trả phí). Chưa dùng bao giờ thì đọc Claude Code 101 trước.
  2. Cài skill HyperFrames cho Claude Code theo kho GitHub của HyperFrames (hai lệnh claude plugin … ở phần Quick Start).
  3. Tạo một thư mục trống, mở Claude Code trong đó, thử một yêu cầu thật ngắn trước:
Dùng /hyperframes, làm video 10 giây giới thiệu tên mình "[tên bạn]",
chữ hiện dần, nền chuyển màu nhẹ, có nhạc nền.
  1. Mở file MP4 xuất ra: đủ 10 giây, chữ không bị cắt, có tiếng là được. Rồi góp ý từng chút, sau đó mới làm video dài hơn.

Cần ý tưởng thì vào thư viện video của Skillry xem, prompt ở đó đọc miễn phí. Trang có bán gói skill trả phí, nhưng bạn không cần mua: bộ skill miễn phí của HyperFrames đủ để bắt đầu.