Trong video, Cường đã nói qua ý tưởng dùng Claude Code để tự động hoá phần hậu kỳ video — cái công đoạn tốn thời gian nhất nhưng lại lặp đi lặp lại y hệt nhau mỗi lần: chèn khung tên, làm tiêu đề chạy chữ, khớp phụ đề theo giọng nói, canh đúng màu thương hiệu, rồi xuất file. Tài liệu này sẽ đi sâu hơn nhiều so với video: giải thích từng khái niệm cho người chưa từng code, hướng dẫn cài đặt từ số 0, đưa nguyên câu lệnh (prompt) bạn có thể copy dán thẳng vào Claude Code, kèm file composition mẫu và brand.json tải về dùng ngay, và danh sách lỗi hay gặp cùng cách sửa.
Đọc xong, bạn sẽ dựng được một quy trình: đưa video thô vào → Claude Code tự thêm intro động, khung tên diễn giả đúng thời điểm, phụ đề đồng bộ giọng nói → xuất ra video hoàn chỉnh, tất cả chỉ bằng vài dòng mô tả bằng lời.
Tài liệu này chỉ mang tính tham khảo — mục đích chính là để chứng minh Hyperframes thật sự dựng được video và ghép phụ đề tiếng Việt (có dấu) mà không bị lỗi font hay lỗi hiển thị, dựa trên các video mẫu Cường đã tự chạy thử ở mục "Video thực tế đã render thử" bên dưới. Không phải là cam kết quy trình sẽ chạy mượt 100% cho mọi trường hợp — bạn nên tự thử với video và nội dung của mình trước khi áp dụng vào sản xuất thật.
Claude Code và Hyperframes là gì?
Claude Code — hiểu nôm na đây không phải là một khung chat để hỏi đáp, mà là một "trợ lý biết tự làm việc": bạn giao một việc bằng lời, nó tự lên kế hoạch các bước, tự viết mã, tự chạy mã đó, tự gọi các công cụ bên ngoài (gọi là API — cổng kết nối để hai phần mềm nói chuyện với nhau) và tự sửa nếu có lỗi. Bạn không cần biết lập trình để dùng nó, chỉ cần mô tả rõ ràng kết quả bạn muốn.
Hyperframes là một công cụ mã nguồn mở của HeyGen, dùng để dựng đồ hoạ chuyển động (motion graphics) và lớp phủ (overlay) cho video bằng cách viết HTML thay vì kéo-thả tay trong After Effects hay Premiere. Bạn (hoặc Claude Code thay bạn) mô tả cấu trúc video — loại phần tử, thời điểm xuất hiện, kiểu chữ, nội dung, vị trí — bằng một file HTML, Hyperframes "chụp" file đó lại thành video. Vì Hyperframes hiểu HTML và có sẵn "bộ từ vựng" riêng cho video, Claude Code có thể tự viết đúng đoạn HTML đó thay bạn, không cần bạn biết code.
Ghép hai cái lại: bạn nói bằng lời thường ("thêm khung tên Sarah Chen vào giây thứ 32, chữ trắng nền mờ") → Claude Code viết đoạn HTML/hoạt hoạ đúng chuẩn Hyperframes cần → Hyperframes dựng ra video → bạn nhận file MP4. Không công đoạn nào bạn phải tự tay kéo timeline. Điểm hay nhất cho người mới: Hyperframes chạy hoàn toàn miễn phí trên máy của bạn, không bắt buộc phải đăng ký tài khoản mới dùng được.
- Nếu bạn dùng gói Claude Pro/Max, mở ứng dụng Claude trên máy tính (Claude Desktop) hoặc web, tìm mục Claude Code trong phần cài đặt để bật.
- Nếu quen dùng dòng lệnh (terminal): cài qua npm — gõ
npm install -g @anthropic-ai/claude-coderồi chạy lệnhclaudetrong thư mục dự án. Cần tài khoản Anthropic của bạn.
Không rành dòng lệnh cũng không sao — phần cài Hyperframes bên dưới hướng dẫn từng cú click một, kể cả với người chưa từng mở Terminal bao giờ.
Cài Hyperframes — hướng dẫn từng bước cho người chưa biết gì
Hyperframes không phải một app có nút "Tải về" như thường thấy. Nó chạy qua dòng lệnh (terminal/command line — cửa sổ màu đen bạn gõ chữ vào thay vì bấm chuột). Nghe có vẻ đáng sợ, nhưng bạn chỉ cần copy đúng 4–5 dòng lệnh dưới đây, dán vào, bấm Enter — xong. Làm theo đúng thứ tự.
Cài Node.js — "bộ máy" chạy Hyperframes
Node.js là phần mềm nền cho phép máy bạn hiểu và chạy được Hyperframes. Coi như cài driver trước khi cắm máy in vào máy tính vậy.
- Mở trình duyệt, vào nodejs.org.
- Bấm vào nút to màu xanh có chữ "LTS" (bản ổn định, khuyên dùng) để tải file cài đặt về.
- Mở file vừa tải (đuôi
.pkgtrên Mac,.msitrên Windows), bấm Tiếp tục / Next liên tục tới khi xong, giống cài bất kỳ phần mềm nào khác.
Mở cửa sổ dòng lệnh (Terminal)
Đây là nơi bạn sẽ dán các câu lệnh vào.
- Trên máy Mac: bấm tổ hợp phím
Cmd + Space, gõ chữTerminal, bấm Enter. - Trên máy Windows: bấm nút Start, gõ chữ
PowerShell, bấm Enter để mở.
Một cửa sổ đen (hoặc trắng) hiện ra, có dấu nhấp nháy chờ gõ chữ — vậy là đúng chỗ rồi.
Kiểm tra Node.js đã cài đúng chưa
Gõ (hoặc copy-dán) dòng dưới vào cửa sổ vừa mở, rồi bấm Enter:
node --versionNếu hiện ra một dòng dạng v22.x.x (số 22 trở lên) — cài xong, qua bước tiếp theo. Nếu máy báo "không nhận lệnh" (command not found), đóng cửa sổ Terminal, mở lại một cửa sổ mới rồi thử lại — đôi khi máy cần mở lại mới nhận phần mềm mới cài.
Cài FFmpeg — công cụ "xuất video" đứng sau
FFmpeg là phần mềm nén hình ảnh thành file video (MP4). Hyperframes cần nó để xuất bản dựng cuối cùng ra file bạn xem được. Copy đúng dòng lệnh theo hệ điều hành của bạn:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Lệnh trên sẽ hỏi mật khẩu máy Mac của bạn (gõ vào, màn hình sẽ không hiện ký tự nào — vẫn đang gõ bình thường, cứ gõ xong rồi Enter) và có thể mất vài phút. Sau khi xong, gõ tiếp:
brew install ffmpegwinget install ffmpegGõ xong bấm Enter, chờ tới khi cửa sổ hiện lại dấu nhấp nháy (nghĩa là đã cài xong) là được.
Cài skill Hyperframes cho Claude Code — thẳng từ GitHub
Hyperframes có kho mã nguồn mở công khai tại github.com/heygen-com/hyperframes. Cách cài chính thức được khuyên dùng khi làm việc chung với Claude Code không phải là tải file zip hay "git clone" cả kho — mà là một dòng lệnh lấy đúng bộ skill (gói hướng dẫn) từ GitHub về, dạy thẳng cho Claude Code cách viết video Hyperframes cho đúng. Trong Terminal, tạo một thư mục cho dự án rồi chạy lệnh cài skill:
mkdir video-dau-tien
cd video-dau-tien
npx skills add heygen-com/hyperframesLệnh npx skills add heygen-com/hyperframes lấy đúng bộ skill chính thức từ repo GitHub đó về máy bạn. Sau khi chạy xong, Claude Code (mở trong đúng thư mục này) sẽ có thêm các "lệnh nhanh" (slash command) chuyên dùng cho Hyperframes: /hyperframes (viết cấu trúc video), /hyperframes-cli (khởi tạo, xem trước, xuất video), /hyperframes-media (giọng đọc, tách nền, phụ đề). Không cần tự viết skill từ đầu, không cần hiểu code — chỉ cần gõ đúng một lệnh này.
Mở Claude Code và làm thử video đầu tiên
Vẫn trong Terminal, đang đứng trong thư mục video-dau-tien, gõ:
claudeKhi Claude Code mở lên (một khung chat ngay trong Terminal), gõ mô tả video kèm tiền tố /hyperframes để Claude Code biết chắc phải dùng đúng skill Hyperframes vừa cài:
Claude Code sẽ tự chạy các lệnh khởi tạo, viết file video (một file HTML), rồi xuất luôn ra MP4 — bạn không cần gõ thêm lệnh kỹ thuật nào. Xem lại file video ngay trong thư mục dự án.
Không có Claude Code hoặc muốn tự làm không qua AI cũng được — Hyperframes có cách dùng thủ công riêng: npx hyperframes init video-dau-tien để tạo dự án, npx hyperframes preview để xem trước trong trình duyệt, và npx hyperframes render để xuất file MP4. Cách qua Claude Code ở trên chỉ nhanh và dễ hơn cho người không biết code.
Bạn không cần đăng ký tài khoản gì để dùng Hyperframes ở mức cơ bản — giọng đọc (voice) và nhạc nền sẽ tự dùng công cụ chạy sẵn trong máy (miễn phí, chạy offline). Muốn giọng đọc và thư viện nhạc chất lượng cao hơn, có thể đăng nhập tài khoản HeyGen bất cứ lúc nào sau bằng lệnh npx hyperframes auth login — không bắt buộc.
Cần chuẩn bị gì trước khi bắt đầu
- Claude Code — qua Claude.ai Pro/Max hoặc API của Anthropic.
- Node.js và FFmpeg — cài theo 6 bước ở trên, chỉ làm một lần duy nhất trên máy.
- File phụ đề hoặc file âm thanh nếu muốn làm phụ đề đồng bộ — định dạng
.srt,.vtt, hoặc text kèm mốc thời gian đều dùng được. - File "quy chuẩn thương hiệu" (brand style) — một file JSON hoặc Markdown ghi màu chủ đạo, font chữ, khoảng cách bạn muốn dùng xuyên suốt, tự tạo để tiện nhắc trong prompt (Hyperframes không tự đọc file này, chỉ Claude Code đọc giúp bạn). Có mẫu tải sẵn ở phần dưới.
Bước 7–8: Các skill có sẵn và cách gọi đúng bằng slash command
Trong Claude Code có khái niệm skill — hiểu đơn giản là một "công thức nấu ăn" được viết sẵn: định nghĩa một lần "việc này làm những bước gì", sau đó chỉ cần gọi tên là Claude Code chạy lại đúng quy trình đó. Điều hay nhất: với Hyperframes, bạn không cần tự viết skill — đội ngũ HeyGen đã đóng gói sẵn cả bộ, cài thẳng từ GitHub bằng đúng 1 lệnh ở phần cài đặt phía trên (npx skills add heygen-com/hyperframes).
Bộ skill chính thức gồm những gì
Sau khi cài, Claude Code có thêm các skill sau — mỗi skill dạy nó một mảng việc riêng:
/hyperframes— viết cấu trúc video (tiêu đề, overlay, phụ đề, chuyển cảnh, hoạt hoạ GSAP)./hyperframes-cli— các lệnh làm việc hằng ngày: khởi tạo dự án, xem trước, kiểm tra lỗi, xuất video./hyperframes-media— xử lý chất liệu: tạo giọng đọc (TTS), tách lời thoại từ audio (transcribe) để làm phụ đề, xoá phông nền video./gsap— riêng cho hoạt hoạ (chuyển động mờ dần, trượt vào/ra...) dùng thư viện GSAP mà Hyperframes dựa vào.
Bạn không cần nhớ hết — chỉ cần nhớ gõ /hyperframes ở đầu câu mô tả cho hầu hết các việc, Claude Code sẽ tự biết lúc nào cần gọi thêm các skill còn lại.
Muốn hình dung nhanh Hyperframes hoạt động ra sao trước khi tự mô tả video của mình? Thử prompt "khởi động ấm" chính thức: gõ vào Claude Code — "Take a look at this GitHub repo https://github.com/heygen-com/hyperframes and explain its uses and architecture to me using /hyperframes." Claude Code sẽ đọc repo và giải thích lại bằng lời cho bạn.
Cách đặt câu lệnh cho đúng "giọng" Hyperframes
Vì Hyperframes dựng video từ một file HTML (không phải gọi tới một dịch vụ đám mây bên ngoài), Claude Code sẽ tự viết file HTML đó, đặt đúng các thuộc tính thời gian Hyperframes cần (thời điểm bắt đầu, thời lượng, thứ tự lớp), rồi tự chạy lệnh dựng video. Bạn chỉ cần mô tả bằng lời, càng cụ thể càng ra đúng ý:
- Luôn bắt đầu bằng
Using /hyperframes,để Claude Code nạp đúng ngữ cảnh kỹ thuật ngay từ đầu. - Nói rõ thời lượng, hiệu ứng mong muốn (mờ dần, trượt vào, phóng to...), và vị trí trên khung hình.
- Muốn sửa lại, cứ nói tiếp như đang chỉ đạo một editor thật: "phóng to tiêu đề lên gấp đôi", "đổi sang nền tối", "thêm hiệu ứng mờ dần ở cuối".
Bước 9–11: Tiêu đề động, khung tên, phụ đề
Dựng tiêu đề động chỉ bằng một câu mô tả
Đã cài xong skill ở Bước 5, thử ngay:
Claude Code sẽ tự: đọc mô tả → viết ra một file HTML mô tả cảnh quay đó (dùng đúng thuộc tính thời gian và hoạt hoạ GSAP mà Hyperframes hiểu được, ví dụ "mờ dần từ trái" ứng với một đoạn hoạt hoạ trượt + mờ dần) → lấy màu, font từ file brand.json bạn đính kèm → xem trước rồi chạy lệnh dựng video → trả về file MP4 thật, không phải bản mẫu (template) rỗng.
Muốn đổi hiệu ứng, chỉnh thời lượng, hay đổi bố cục — chỉ cần nói lại một câu, không phải làm lại từ đầu.
Thêm khung tên đúng thời điểm
Khác với tiêu đề đầu video, khung tên (lower third) cần xuất hiện và biến mất đúng giây bạn chỉ định:
Nếu video có nhiều người nói, gộp luôn thành một lệnh cho cả danh sách:
Claude Code xử lý cả danh sách như một vòng lặp, viết đủ các lớp khung tên vào đúng mốc thời gian trong cùng một file video, rồi dựng ra một lần — việc mà làm tay mất khoảng 20–30 phút cho mỗi khung tên giờ gói gọn trong một lệnh.
Mốc thời gian bạn ghi phải nằm trong độ dài thật của video. Ghi lố thời lượng video là lỗi hay gặp nhất — xem cách phòng tránh ở phần "Xử lý lỗi thường gặp" bên dưới.
Đồng bộ phụ đề theo giọng nói
Đầu vào có thể là file transcript đã có mốc thời gian (.srt/.vtt), hoặc file âm thanh thô — nếu là âm thanh thô, skill /hyperframes-media sẽ tự chuyển giọng nói thành văn bản (dùng mô hình Whisper chạy ngay trên máy) để lấy mốc thời gian theo từng từ, không cần dịch vụ ngoài.
Claude Code tự chia transcript thành từng cụm phụ đề, gán mốc bắt đầu/kết thúc cho mỗi cụm, dựng phần tử chữ tương ứng trong Hyperframes, rồi ghép thành một dải phụ đề chạy đúng nhịp giọng nói — nhìn có chủ đích thiết kế, không phải kiểu phụ đề tự động mặc định của các nền tảng.
Tài nguyên tải về
Skill Hyperframes chính thức bạn cài trực tiếp từ GitHub bằng lệnh npx skills add heygen-com/hyperframes ở Bước 5 (không cần tải file nào cho phần đó). Hai file dưới đây là đồ nghề phụ Cường chuẩn bị thêm: một file HTML mẫu đúng cú pháp thật của Hyperframes để bạn xem/chạy thử ngay không cần chờ Claude Code viết, và một brand.json tiện dùng để nhắc phong cách thương hiệu trong prompt.
Composition Hyperframes mẫu + brand.json
File lower-third-intro.html viết đúng cú pháp Hyperframes thật (thuộc tính data-composition-id, data-start, data-duration, data-track-index, timeline GSAP đăng ký qua window.__timelines) — dựng một tiêu đề mờ dần vào rồi một khung tên trượt vào sau đó. Tải về, đặt vào một dự án Hyperframes (thay cho index.html) rồi chạy npx hyperframes preview để xem ngay, không cần chờ Claude Code viết. File brand.json chỉ là quy ước riêng để bạn đính kèm khi nhắc Claude Code giữ đúng màu/font thương hiệu — Hyperframes không tự đọc file này.
<!--
Composition Hyperframes mẫu — tiêu đề mờ dần vào (0-5s) rồi khung tên
trượt vào giữ 4 giây (5-9s). Cú pháp thật: mỗi phần tử có thời gian
(data-start/data-duration/data-track-index) và một timeline GSAP
paused, đăng ký trên window.__timelines để Hyperframes tua khung hình
chính xác khi dựng. Đặt file này thành index.html trong một dự án
Hyperframes rồi chạy: npx hyperframes preview
-->
<div id="root" data-composition-id="lower-third-intro"
data-start="0" data-width="1920" data-height="1080"
style="background:#111;width:1920px;height:1080px;position:relative;font-family:Inter,Arial,sans-serif">
<!-- 1. Tiêu đề mờ dần vào, 5 giây đầu, track 0 -->
<h1 id="title" class="clip"
data-start="0" data-duration="5" data-track-index="0"
style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
color:#ffffff;font-size:96px;font-weight:600">
Northlight
</h1>
<!-- 2. Khung tên (lower third), xuất hiện giây thứ 5, giữ 4 giây, track 1 -->
<div id="lower-third" class="clip"
data-start="5" data-duration="4" data-track-index="1"
style="position:absolute;left:60px;bottom:20%;background:rgba(20,20,20,0.72);
padding:14px 28px;border-radius:6px">
<div style="color:#ffffff;font-size:34px;font-weight:600">Sarah Chen</div>
<div style="color:#fa520f;font-size:20px">Trưởng phòng Sản phẩm</div>
</div>
<!-- 3. GSAP: nạp thư viện hoạt hoạ -->
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<!-- 4. Tạo timeline PAUSED và đăng ký để Hyperframes tua theo từng khung hình -->
<script>
const tl = gsap.timeline({ paused: true });
tl.from("#title", { opacity: 0, y: -30, duration: 1 }, 0);
tl.from("#lower-third", { opacity: 0, x: -60, duration: 0.6 }, 5);
tl.to("#lower-third", { opacity: 0, x: -60, duration: 0.5 }, 8.5);
window.__timelines = window.__timelines || {};
window.__timelines["lower-third-intro"] = tl;
</script>
</div>{
"brand_name": "Ten-thuong-hieu-cua-ban",
"colors": {
"primary": "#fa520f",
"text_on_dark": "#ffffff",
"overlay_background": "rgba(20,20,20,0.72)"
},
"fonts": {
"heading": "Inter SemiBold",
"body": "Inter Regular",
"fallback": "Arial"
},
"spacing": {
"safe_margin_percent": 8,
"lower_third_bottom_percent": 20
},
"caption_style": {
"mode": "sentence",
"max_chars_per_caption": 45,
"transition_ms": 200,
"position": "bottom_third"
}
}Bước 12–14: Ghép quy trình, thêm bước duyệt, xử lý lỗi
Ghép mọi lớp thành một quy trình hậu kỳ hoàn chỉnh
Giá trị lớn nhất nằm ở đây: không cần tách riêng từng lệnh cho intro, khung tên, phụ đề như Bước 9–11 nữa — gộp hết yêu cầu vào một prompt duy nhất, Claude Code viết luôn một file composition có đủ các lớp (mỗi lớp một track-index riêng) rồi dựng một lần.
Claude Code viết một file composition duy nhất chứa đủ 4 lớp (video gốc + intro + khung tên + phụ đề, mỗi lớp một track riêng), xem trước để kiểm tra canh thời gian có đúng không, rồi mới chạy lệnh dựng ra file cuối cùng. Toàn bộ quá trình không cần bạn mở phần mềm dựng phim nào — việc mà một editor làm mất cả buổi chiều giờ chạy trong vài phút.
Thêm bước duyệt trước khi xuất bản chính thức
Tự động 100% chỉ nên áp dụng cho nội dung số lượng lớn, ít rủi ro. Với video phát cho đông người xem, nên có một bước người thật duyệt trước khi xuất bản cuối. Hai cách phổ biến:
- Gửi qua Slack: Claude Code đăng link video xem trước lên một kênh Slack, ai đó trong nhóm trả lời "duyệt" hoặc "sửa lại...". Nếu là "sửa lại", Claude Code coi phản hồi đó như một chỉ dẫn mới và dựng lại phần cần sửa.
- Tạm dừng chờ xác nhận: đặt quy trình dừng lại sau khi dựng xong bản nháp, chờ bạn bấm xác nhận rồi mới ghép file cuối cùng.
Những lỗi hay gặp và cách xử lý
Lần đầu chạy quy trình này, vài lỗi sau rất hay xuất hiện — đều là lỗi một lần, sửa xong sẽ không lặp lại:
- Mốc thời gian vượt quá độ dài video — Hyperframes sẽ báo lỗi. Cách sửa: yêu cầu Claude Code kiểm tra độ dài video trước khi tạo overlay, cảnh báo ngay nếu mốc nào vượt giới hạn.
- File brand.json thiếu trường bắt buộc — Claude Code có thể báo lỗi hoặc âm thầm dùng giá trị mặc định (dễ ra kết quả sai ý). Cách sửa: quy định rõ trường nào bắt buộc và yêu cầu Claude Code kiểm tra file ngay khi đọc.
- Phụ đề bị ngắt câu vụng — transcript có câu dài dễ tạo dòng phụ đề khó đọc. Cách sửa: giới hạn 40–50 ký tự mỗi dòng, yêu cầu Claude Code chia lại theo giới hạn đó.
- Máy báo thiếu FFmpeg hoặc thiếu Node khi render — thường do cài đặt ở Bước 1–4 chưa xong hoặc Terminal chưa mở lại sau khi cài. Cách sửa: chạy
npx hyperframes doctorđể Hyperframes tự kiểm tra và báo chính xác thiếu gì. - Video dài dựng lâu trên máy yếu — dựng video chạy ngay trên máy bạn (không phải máy chủ trên mây) nên phụ thuộc cấu hình máy. Cách sửa: dựng thử ở độ phân giải thấp trước, hoặc xem qua
npx hyperframes previewđể chỉnh cho ưng trước khi xuất bản dựng cuối cùng tốn thời gian hơn.
Đừng bỏ qua bước duyệt (Bước 13) với video công khai. Quy trình tự động rất nhanh nhưng cũng dễ dựng nhầm — ví dụ sai tên diễn giả hoặc lệch mốc thời gian — nếu không có ai kiểm tra trước khi xuất bản, lỗi sẽ đi thẳng ra công chúng.
Ứng dụng thực tế
Quy trình này phù hợp với những nơi làm video đều đặn, lặp lại format: đội marketing cần video demo sản phẩm giữ đúng màu thương hiệu cho mọi bản phát hành; người làm nội dung YouTube/blog cần phụ đề và intro thương hiệu cho mỗi video mà không thuê editor riêng; đội chăm sóc khách hàng cần khung tên và phụ đề cho hàng loạt video testimonial trong một quý; hoặc agency cần xử lý khối lượng video lớn cho nhiều khách hàng mà không tăng tương ứng số nhân sự.
Câu hỏi thường gặp
Có cần biết lập trình không? Không cần viết code, nhưng cần biết đưa yêu cầu rõ ràng và đọc lại code Claude Code viết ra để phát hiện chỗ sai. Nếu từng dùng API hoặc từng thử Claude Code cho việc khác, bạn sẽ quen rất nhanh.
Dùng được với nhiều định dạng video không? Được, với điều kiện định dạng đó Hyperframes hỗ trợ — các định dạng phổ biến như MP4, MOV, WebM đều dùng tốt. Nên kiểm tra danh sách định dạng Hyperframes hỗ trợ trước khi bắt đầu.
Làm sao giữ phong cách phụ đề đồng nhất giữa các video? Lưu mọi lựa chọn về kiểu phụ đề trong một file JSON dùng chung (như brand.json ở trên), và luôn đính kèm đúng file đó mỗi lần nhờ Claude Code dựng phụ đề. Muốn đổi phong cách toàn bộ, chỉ cần sửa một chỗ trong file.
Có làm được video dọc cho mạng xã hội không? Được — chỉ cần chuẩn bị riêng file brand style cho từng tỉ lệ khung hình (16:9 cho YouTube, 9:16 cho Reels/TikTok, 1:1 cho LinkedIn) và nói rõ nền tảng mục tiêu trong yêu cầu, Claude Code sẽ tự chọn đúng file style.
Video nhiều thứ tiếng thì sao? Skill phụ đề hoạt động với transcript ở bất kỳ ngôn ngữ nào. Điều cần lưu ý là font chữ phải hỗ trợ đủ bộ ký tự của ngôn ngữ đó (ví dụ dấu tiếng Việt), hoặc khai báo font dự phòng cho từng ngôn ngữ trong brand.json.
Video thực tế đã render thử
Ba video dưới đây là kết quả chạy thật từ đúng những prompt trong tài liệu này — không phải hình minh hoạ. Xem để biết Claude Code + Hyperframes thật sự ra được sản phẩm cỡ nào trước khi bạn tự làm theo.
Video "3 kỹ năng AI nên biết" — dọc 9:16
Trước khi sửa
Sau khi sửa
Bản đã sửa từ góp ý thực tế: nội dung 3 điểm đổi thành câu có ví dụ cụ thể thay vì khẩu hiệu chung chung, và bố cục 3 cảnh số 1/2/3 đổi khác nhau thay vì lặp lại cùng một kiểu.
Video "Thiên nhiên kỳ ảo" — ngang 16:9
Dựng từ một ảnh tĩnh (rừng huyền bí phát sáng) cho phóng to dần theo kiểu Ken Burns, phủ thêm hạt lấp lánh và vignette — không cần video nguồn.
Video "Trailer mạnh mẽ" — ngang 16:9
Kiểu chữ kinetic slam — mỗi từ chiếm trọn màn hình theo nhịp nhanh, đổi màu nền theo cảnh, có chuyển cảnh shader và rung nhẹ camera. Không dùng ảnh/video nguồn nào, toàn bộ dựng bằng hiệu ứng có sẵn.