# Motion engineering với Claude Opus 5.5: làm video ra mắt sản phẩm bằng Remotion

URL: https://opcaios.org/blog/motion-engineering-opus-5-5
Ngày: 2026-10-29
Cập nhật: 2026-10-25
Tác giả: Lê Quốc Nghĩa
Chuyên mục: Hướng dẫn

Motion engineering là cách làm video chuyển động bằng kỹ thuật thay vì cảm tính: bạn gán số khung hình cho từng sự kiện (thẻ xuất hiện, con trỏ bấm, kết quả hiện ra), ghi chúng vào một bản tóm tắt, rồi để Claude Code (Anthropic) viết mã Remotion dựng đúng theo đó. Theo @beamnxw (bài đăng trên X ngày 9/10/2026, hơn 499 nghìn lượt xem theo X), với Claude Opus 5.5 một người có thể làm đủ quy trình của một xưởng motion design nhỏ, từ phân tích video tham chiếu đến giao một clip ra mắt sản phẩm dài 20 giây. Bài này viết lại hướng dẫn đó bằng tiếng Việt, kèm ảnh minh hoạ từ bài gốc, và đối chiếu lệnh Remotion với tài liệu chính thức ngày 23/10/2026. Nội dung đi qua bốn phần:

1. Phân tích video tham chiếu và viết bản tóm tắt BRIEF.md.
2. Dựng, kiểm tra ảnh tĩnh và sửa theo số khung.
3. Cài công cụ, xuất phim và đọc siêu dữ liệu.
4. Gói Launch Clip với giá thí điểm $150 chỉ mang tính minh hoạ.

Ví dụ, một clip 20 giây ở 30 fps gồm đúng 600 khung, nên mỗi sự kiện đều có số khung riêng.

![Tổng quan quy trình motion engineering với Opus 5.5: phân tích tham chiếu, bản tóm tắt, mốc thời gian, dựng, kiểm tra](https://opcaios.org/images/blog/motion-engineering-opus-5-5/tong-quan.webp)
*Quy trình năm bước của bài gốc: tham chiếu, bản tóm tắt, mốc thời gian, dựng bằng Opus 5.5 trong Claude Code, kiểm tra. Ảnh: @beamnxw.*

## Motion engineering là gì và vì sao hợp với AI?

Motion engineering là cách mô tả chuyển động bằng con số: khi nào thẻ đáp xuống, khi nào sản phẩm phản hồi, tiêu đề phải đọc được trong bao lâu. Mỗi con số gắn với một số khung hình riêng, nên sửa một chỗ không làm hỏng chỗ khác. Vì mọi thứ là văn bản, Claude đọc, đo, sửa và dựng lại được; đây cũng là lý do bài gốc đặt tên là "kỹ thuật", không phải "phong cách".

Bài gốc mở đầu bằng ba nguyên tắc: nói với Opus khi nào thẻ phải đáp xuống, khi nào sản phẩm phản hồi, tiêu đề đọc được trong bao lâu; gán số khung hình cho từng bước (xuất hiện, vào cảnh, giữ để đọc, con trỏ bấm) để sửa riêng từng bước; và với một phim ngắn xoay quanh một thao tác sản phẩm, giữ lời, tài sản và quyết định chuyển động trong một bản tóm tắt. Opus 5.5 ra mắt ngày 22/9/2026; Anthropic mô tả đây là mô hình đầu tiên của họ Claude 5.5, cho kết quả ở mức Claude Fable 5.1 với đa số tác vụ và rẻ hơn Opus 5 khoảng 40% ([thông báo trên X](https://x.com/claudeai/status/2102435511222890900); đối chiếu [trang Anthropic](https://www.anthropic.com/claude-opus-5-5)).

## Video tham chiếu nên được giao việc gì?

Mỗi tham chiếu chỉ nên trả lời một câu hỏi, ví dụ cách một thẻ đáp xuống có kiểm soát, cách chuyển cảnh giữ sản phẩm trong khung, hay cách con trỏ làm kết quả hiện rõ. Bạn không sao chép cảnh đó, mà thu về các quyết định dùng lại được: sản phẩm vào cảnh thế nào, cái gì chuyển động trước, mắt người xem dừng ở đâu, kết quả được giữ bao lâu.

![Phân tích video tham chiếu: thẻ vào cảnh, giữ sản phẩm trong khung, con trỏ làm kết quả rõ, kèm dải khung và tệp REFERENCE.md](https://opcaios.org/images/blog/motion-engineering-opus-5-5/phan-tich-tham-chieu.webp)
*Từ reference.mp4 trích khung hình, rồi để Claude viết REFERENCE.md ghi mốc thời gian, hộp bao và thứ tự xuất hiện. Ảnh: @beamnxw.*

Cách làm theo bài gốc:

1. Tách khung hình từ video tham chiếu, khoảng hai ảnh mỗi giây để xem tổng quan, rồi trích các khung liên tiếp quanh sự kiện quan trọng.
2. Dán một câu lệnh vào Claude Code (video để ở \`reference.mp4\`) yêu cầu đo kích thước, tốc độ khung, thời lượng; ghi mốc vào, đáp, giữ và cắt; ghi vị trí đối tượng; và tách riêng giá trị đo được, ước lượng bằng mắt và lựa chọn sáng tạo đề xuất.
3. Kiểm tra các vị trí quan trọng với ảnh đã trích, vì theo bài gốc các ước lượng không gian của Claude chỉ là gần đúng. Hướng dẫn xử lý ảnh của Claude có trong [tài liệu chính thức](https://platform.claude.com/docs/en/build-with-claude/vision).

![Trang tài liệu Vision của Claude Platform về gửi ảnh cho Claude](https://opcaios.org/images/blog/motion-engineering-opus-5-5/claude-vision-docs.webp)
*Trang hướng dẫn gửi ảnh cho Claude mà bài gốc dẫn tới. Ảnh chụp: @beamnxw.*

Bản dịch rút gọn câu lệnh phân tích của tác giả:

\`\`\`
Phân tích cảnh sản phẩm xuất hiện chính trong reference.mp4.
Trước hết báo kích thước, tốc độ khung và thời lượng bằng công cụ có sẵn.
Trích ảnh tổng quan, rồi các khung liên tiếp quanh lúc vào cảnh và đáp xuống.
Xem các ảnh đã trích bằng công cụ xử lý ảnh.

Lưu REFERENCE.md gồm:
Mốc thời gian và số khung của vào cảnh, đáp, giữ, cắt.
Hộp bao của đối tượng lúc đầu và lúc đáp (toạ độ trong ảnh gốc).
Hướng, thời lượng, thay đổi tỉ lệ và độ mờ, độ nảy nếu có.
Thứ tự xuất hiện của sản phẩm, tiêu đề, nhãn phụ.
Khoảng giữ để đọc và trạng thái chuyển sang cảnh sau.

Ghi riêng: giá trị đo được, ước lượng bằng mắt, lựa chọn sáng tạo đề xuất.
Với giá trị chưa chắc, nêu các khung cần xem để kiểm tra.

Dùng tài sản của chúng ta để đề xuất MỘT cảnh minh hoạ thao tác xuất báo cáo của riêng mình.
Nêu bố cục, tiêu điểm, cách vào, phản hồi của sản phẩm, thời gian giữ để đọc.
Liệt kê tài sản còn thiếu và câu hỏi cần duyệt. Trả bản kế hoạch trước khi dựng.
\`\`\`

## Viết mỗi cảnh như một chuỗi sự kiện

Một cảnh sản phẩm cần có thứ người xem theo dõi được: trạng thái ban đầu, con trỏ đặt vào nút, cú bấm được ghi nhận, rồi kết quả hiện ra. Theo bài đăng gốc của @beamnxw (9/10/2026), ví dụ là thao tác xuất báo cáo: từ báo cáo đầy đủ, qua cú bấm nút, đến tệp thành phẩm, và tệp đó phải được giữ đủ lâu để đọc tên. Đầu tiên là bảng dòng thời gian của ví dụ ở 30 fps (khung bằng giây nhân 30); tiếp theo là hai điều cần nhớ: ghi nhãn tốc độ khung của nguồn cho mốc thời gian tham chiếu, và quy đổi đúng, vì nửa giây là 15 khung ở 30 fps nhưng là 30 khung ở 60 fps. Cuối cùng, dùng các giá trị này cho bản xem trước đầu tiên, rồi chỉnh khoảng nào thấy vội hoặc trống. Bảng dòng thời gian:

| Thời điểm | Khung (30 fps) | Sự kiện |
|---|---|---|
| 4,0 giây | 120 | Báo cáo hiện, thẻ đã yên vị |
| 5,0 giây | 150 | Con trỏ tiến tới nút Export |
| 6,0 giây | 180 | Con trỏ chạm nút |
| 6,5 giây | 195 | Cú bấm được ghi nhận |
| 7,0 giây | 210 | Tệp thành phẩm xuất hiện |
| 7,8 giây | 234 | Nhãn kết quả đọc được hoàn toàn |
| 14,0 giây | 420 | Cảnh kết bắt đầu |

## Bản tóm tắt BRIEF.md nên có những gì?

BRIEF.md là tệp giữ mọi quyết định của phim để mỗi lần sửa chỉ chạm một nhóm giá trị. Theo ví dụ của bài gốc, nó gồm các phần sau:

- **Mục tiêu:** minh hoạ sản phẩm xuất báo cáo, người xem là ai, câu mở (nêu kết quả, tối đa tám từ), câu kết (một hành động tiếp theo và nơi đến).
- **Giao hàng và tài sản:** composition \`Launch\`, 1080 × 1080, 30 fps, 600 khung; logo, màn hình báo cáo, màn hình tệp đã xuất, phông chữ, âm thanh đặt trong \`public/\`; kiểm tra kích thước tài sản và việc tải phông trước khi làm.
- **Bố cục:** toạ độ theo pixel từ góc trên trái; màu nền, chữ, nhấn; lề an toàn 64 px; hộp tiêu đề, thẻ sản phẩm, thứ tự lớp.
- **Mở đầu (khung 0 đến 119):** tiêu đề vào trong khung 0 đến 18, thẻ vào trong khung 18 đến 42, dùng đường cong ease-out bậc ba, rồi giữ yên.
- **Sản phẩm (khung 120 đến 419):** thẻ tiếp nối đúng vị trí, con trỏ di chuyển đến nút, bấm ở khung 195, tệp kết quả hiện ở khung 210 và hoàn tất ở khung 234.
- **Kết (khung 420 đến 599):** cắt sang logo và câu kết, mờ vào trong khung 420 đến 438, rồi giữ.
- **Cách làm và kiểm tra:** giá trị động lấy từ \`useCurrentFrame\`, hằng số thời gian và bố cục để lộ ra ngoài, biến thể ngẫu nhiên dùng hạt giống cố định; dựng giai đoạn mở đầu trước, xuất các ảnh tĩnh và bản xem trước, rồi chờ duyệt mới làm tiếp.

![Tệp BRIEF.md minh hoạ: mục tiêu, giao hàng, bố cục, mốc thời gian mở đầu, sản phẩm, kết](https://opcaios.org/images/blog/motion-engineering-opus-5-5/brief-md.webp)
*BRIEF.md của ví dụ bài gốc: năm quyết định (mục tiêu, tài sản, bố cục, mốc thời gian, kiểm tra) nằm chung một tệp. Ảnh: @beamnxw.*

Bài gốc nhấn mạnh toạ độ, màu và thời gian chỉ là lựa chọn khởi đầu cho bài tập này, cần soi lại với màn hình sản phẩm thật. Dùng câu mở ngắn và để phần trình diễn sản phẩm gánh phần giải thích; lời giải thích cần nhiều câu thì tách thành cảnh riêng.

## Kiểm tra bản sao dài nhất trước khi làm chuyển động

Hãy kiểm tra bố cục mở đầu bằng tiêu đề dài nhất bạn dự định dùng. Nếu nó xuống ba dòng, dừng phần chuyển động lại: rút ngắn câu, nới hộp chữ hoặc chuyển thông tin phụ sang cảnh khác. Ghi giới hạn bố cục cạnh phần kiểu dáng: bề rộng tiêu đề, số dòng tối đa, chỗ dành cho logo, vị trí cuối của chữ và thẻ sản phẩm. Kiểm tra phông thật trong ảnh dựng (độ đậm, khoảng cách chữ); đổi tiêu đề thì dựng lại khung đáp xuống trước khi xem chuyển động, và làm tương tự với lời kêu gọi ở cảnh cuối khi thay tên sản phẩm ngắn bằng tên dài hơn.

## Làm sao để mọi khung hình tái lập được?

Remotion dùng thành phần React và số khung hiện tại để vẽ đúng khoảnh khắc bạn chọn, nên cùng một khung luôn ra cùng một hình. Ba kỹ thuật cốt lõi, đối chiếu với tài liệu Remotion:

1. **Điều khiển bằng số khung:** lấy giá trị từ \`useCurrentFrame()\` rồi nội suy hoặc dùng \`spring()\`; tránh để CSS transition chạy độc lập vì dễ nhấp nháy khi dựng.
2. **Hạt giống cố định cho ngẫu nhiên:** hàm \`random()\` của Remotion nhận một hạt giống; cùng hạt giống thì kết quả luôn như nhau, khác với \`Math.random()\`.
3. **Viết thời gian bằng giây trước, đổi sang khung sau:** 0,6 giây là 18 khung ở 30 fps; lưu độ lệch vào, điểm đến, thời lượng và cài đặt đáp chung một chỗ để sửa chỉ đụng một bộ giá trị.

![Trang The fundamentals của Remotion: ý tưởng thành phần React nhận số khung](https://opcaios.org/images/blog/motion-engineering-opus-5-5/remotion-fundamentals.webp)
*Trang nền tảng của Remotion: một thành phần React nhận số khung và vẽ mọi thứ. Ảnh chụp: @beamnxw.*

![Trang Animating properties của Remotion: làm mờ dần chữ trong 60 khung bằng useCurrentFrame](https://opcaios.org/images/blog/motion-engineering-opus-5-5/remotion-animating.webp)
*Hoạt hoá thuộc tính theo số khung hiện tại. Ảnh chụp: @beamnxw.*

## Chuyển động cần mục đích gì bên trong cảnh?

Mỗi chuyển động trong cảnh phải có việc: vào cảnh để giới thiệu đối tượng chính, giữ để người xem có thời gian đọc, con trỏ để chỉ hành động kế tiếp, chuyển cảnh để đưa người xem sang trạng thái sau. Bài gốc đưa các quy tắc thực hành:

- **Chỉnh \`spring()\`** bằng thời lượng, độ giảm chấn, độ cứng và độ nảy; giữ nguyên điểm đến, đổi một tham số mỗi lần rồi phát lại.
- **Vào cảnh theo thứ tự:** bắt đầu bằng đối tượng chính, thông tin phụ vào sau một khoảng nhỏ (thử lệch 0,1 giây giữa tiêu đề và nhãn phụ).
- **Phóng nhẹ:** muốn hiệu ứng đẩy tinh tế thì đặt tỉ lệ từ 1,00 lên 1,03 trong ba giây; phần trăm đổi liên tục sẽ cộng dồn qua các khung.
- **Trong lúc giữ để đọc:** giữ chuyển động phụ đủ êm để chữ là tiêu điểm.

![Infographic Motion needs a purpose inside the shot: vào cảnh, giữ, con trỏ, chuyển cảnh, và cài đặt spring](https://opcaios.org/images/blog/motion-engineering-opus-5-5/chuyen-dong-co-muc-dich.webp)
*Bốn vai trò của chuyển động và bảng điều chỉnh spring. Ảnh: @beamnxw.*

### Cảnh nào được "sở hữu" màn hình?

Giữ sự chú ý ở nút bấm cho tới khi có phản hồi, rồi để kết quả sở hữu khung đọc. Nếu con trỏ lướt qua tiêu đề lúc thẻ vào, hãy hoãn một sự kiện hoặc đổi đường đi. Tính thời gian đọc từ lúc chữ đã đọc được: một khoảng giữ tám khung ở 30 fps chỉ cho người xem khoảng 0,27 giây. Phát ở tốc độ thường và đọc to; khoảng giữ nào hết trước khi bạn đọc xong thì kéo dài thêm, và kiểm tra nhãn giao diện ở cỡ màn hình điện thoại.

Với thẻ di chuyển nhanh, hãy quyết định độ mờ chuyển động (motion blur) đóng góp gì cho đúng lần vào cảnh đó. Theo tài liệu Remotion, gói \`@remotion/motion-blur\` nhân bản khung nhiều lần rồi trộn lại để tạo độ mờ thực tế; hãy kiểm tra chữ có bị nhoè và vệt có kéo dài bất thường hay không.

![Trang Motion blur của Remotion nói về gói @remotion/motion-blur và kỹ năng remotion-markup](https://opcaios.org/images/blog/motion-engineering-opus-5-5/motion-blur-docs.webp)
*Trang Motion blur trong tài liệu Remotion. Ảnh chụp: @beamnxw.*

## Ba ảnh tĩnh nên dẫn dắt vòng sửa kế tiếp

Trước khi thêm chi tiết chuyển động, hãy dựng ba ảnh tĩnh: khung mở đầu, khung hiện kết quả sản phẩm và thẻ kết. Soát xem chữ chính có đọc được không, kết quả có thấy rõ không, có phần tử nào bị cắt hoặc chồng nhau không, lời kêu gọi cuối có đủ chỗ không. Dùng các lệnh sau (đổi số khung nếu kết quả của bạn rơi chỗ khác):

\`\`\`bash
npx remotion still Launch out/opening.png --frame=60
npx remotion still Launch out/product.png --frame=240
npx remotion still Launch out/closing.png --frame=540
\`\`\`

Để xem cách sự chú ý chuyển qua ranh giới cảnh, dựng riêng khoảng quanh chỗ đó. Cờ \`--frames\` của lệnh render nhận một khoảng, ví dụ khung 90 đến 149 là hai giây quanh ranh giới mở đầu và cảnh sản phẩm ở 30 fps:

\`\`\`bash
npx remotion render Launch out/transition.mp4 --frames=90-149 --codec=h264
\`\`\`

![Trang tài liệu lệnh npx remotion still của Remotion](https://opcaios.org/images/blog/motion-engineering-opus-5-5/remotion-still-docs.webp)
*Lệnh render một khung tĩnh. Ảnh chụp: @beamnxw.*

## Giao cho AI một yêu cầu sửa thực thi được

Một yêu cầu sửa tốt có bốn trường: vị trí, lỗi quan sát được, thay đổi, và phần nào phải giữ nguyên. Sửa theo thứ tự: thông tin thiếu và chữ không đọc được trước, rồi thời gian, rồi chi tiết thị giác. Nếu cần ý kiến độc lập, mở một phiên khác với bản tóm tắt, ảnh và khung đã trích, nhờ nó soát tối đa năm lỗi gắn với số khung, rồi chuyển phần được duyệt cho phiên đang dựng.

![Giao cho tác tử một yêu cầu sửa: vị trí, lỗi, thay đổi, phần giữ nguyên, kèm ví dụ trước và sau](https://opcaios.org/images/blog/motion-engineering-opus-5-5/giao-viec-sua.webp)
*Bốn trường của một yêu cầu sửa, ví dụ con trỏ chồng lên nhãn kết quả ở khung 210. Ảnh: @beamnxw.*

Ví dụ rút gọn (bản dịch ý của câu lệnh gốc):

\`\`\`
Sửa composition Launch theo BRIEF.md.
Lỗi quan sát: con trỏ chồng lên nhãn kết quả ở khung toàn cục 210.

Chỉ đổi đường đi của con trỏ sau cú bấm:
Bắt đầu rời đi ở khung 204 và đến điểm nghỉ trước khung 210.
Chọn điểm nghỉ trong thẻ, cách nhãn kết quả 24 pixel.
Đường đi không được chạm nhãn trong suốt lúc di chuyển.
Giữ nguyên cú bấm ở 195, kết quả ở 210, hình học thẻ, lời và âm thanh.
Giữ con trỏ ở điểm đến đến hết khung 419.

Dựng ảnh tĩnh ở 195, 210, 222, 240 và bản xem trước từ 180 đến 249.
Kiểm tra khung trung gian xem có chồng hoặc giật không.
Báo toạ độ đường đi mới và tên tệp xuất để duyệt.
\`\`\`

Một vòng sửa hiệu quả luôn mang tính cục bộ: lỗi quan sát, một chỉnh sửa gọn, các khung bị ảnh hưởng, ranh giới cảnh xung quanh, rồi phát ở tốc độ thường. Lưu ý đánh dấu rõ khung cục bộ của cảnh: khung cục bộ 30 trong một chuỗi bắt đầu ở khung toàn cục 120 tương ứng khung toàn cục 150 (theo cách \`<Sequence>\` của Remotion dịch số khung).

## Âm thanh cũng có khung sự kiện

Đặt tiếng click đúng vào lúc bấm nhìn thấy được, và cú nhấn mạnh nhất của âm thanh tiết lộ đúng lúc kết quả hiện. Đoạn dẫn nhẹ hoặc im lặng đầu tệp có thể làm tiếng đập lệch khỏi đầu tệp; dùng dạng sóng và phát thử để tìm đúng điểm rồi bù độ lệch. Ghi danh sách tín hiệu âm thanh cạnh các sự kiện hình ảnh:

\`\`\`
BẤM NÚT          khung 195   tiếng click
KẾT QUẢ HIỆN     khung 210   âm nhấn
KẾT THÚC GIỮ     khung 438   nhạc lắng xuống
\`\`\`

Giữ âm thanh và nhạc ở các lớp riêng với vị trí và âm lượng chỉnh được, rồi nghe thử âm to nhất, tín hiệu nhỏ nhất còn hữu ích và đoạn kết qua tai nghe lẫn loa điện thoại.

![Trang tài liệu Html5Audio của Remotion](https://opcaios.org/images/blog/motion-engineering-opus-5-5/html5audio-docs.webp)
*Thành phần âm thanh của Remotion. Ảnh chụp: @beamnxw.*

## Cài công cụ và chạy từ đầu

Cài Node.js, Claude Code, FFmpeg và FFprobe trước khi tạo dự án Remotion. Các lệnh dưới đây khớp trang hướng dẫn Claude Code của Remotion (cập nhật 22/10/2026):

\`\`\`bash
npx create-video --yes --blank launch-video
cd launch-video
npx remotion skills add
npm run dev
\`\`\`

Chọn Claude Code trong bộ cài kỹ năng, rồi ở một terminal thứ hai trong thư mục \`launch-video\`, chạy mô hình bằng \`claude --model claude-opus-5-5\` (mã mô hình Opus 5.5 như bài gốc ghi). Theo tài liệu Remotion, kỹ năng được cài vào thư mục \`.agents/skills\` và Claude Code dùng được nhờ liên kết \`.claude/skills\`. Đặt tài sản sản phẩm trong \`public/\`, video tham chiếu ở \`reference.mp4\`, bản tóm tắt ở \`BRIEF.md\`, tạo \`frames/\` cho ảnh tham chiếu và \`out/\` cho bản xuất.

Trích tổng quan video tham chiếu bằng FFmpeg (hai ảnh mỗi giây, rộng 960 px, giữ tỉ lệ):

\`\`\`bash
ffmpeg -i reference.mp4 -vf "fps=2,scale=960:-2" frames/ref-%04d.jpg
\`\`\`

![Sơ đồ bảy bước thiết lập: cài công cụ, tạo dự án, chạy Claude Code, thêm tệp, trích khung, chạy câu lệnh dựng, xem kết quả](https://opcaios.org/images/blog/motion-engineering-opus-5-5/cai-cong-cu.webp)
*Bảy bước thiết lập từ cài công cụ đến xem kết quả. Ảnh: @beamnxw.*

![Trang tài liệu bộ lọc FFmpeg](https://opcaios.org/images/blog/motion-engineering-opus-5-5/ffmpeg-filters-docs.webp)
*Tài liệu bộ lọc FFmpeg mà lệnh trích khung dùng tới. Ảnh chụp: @beamnxw.*

Sau khi lưu bản tóm tắt, dán yêu cầu dựng giai đoạn đầu vào Claude Code. Tinh thần của câu lệnh gốc: đọc BRIEF.md và hướng dẫn Remotion đã cài, kiểm tra tài sản trong \`public/\`, tóm tắt bố cục, các khung sự kiện và đường cong chuyển động của mở đầu, nêu mâu thuẫn hoặc thiếu sót trước khi làm, chỉ dựng giai đoạn duyệt đầu tiên, trả ảnh tĩnh, bản xem trước, danh sách tệp đã sửa và các kiểm tra đã làm, rồi chờ duyệt. Xem ảnh mở đầu trước khi yêu cầu các cảnh còn lại.

## Xuất phim đã duyệt và kiểm tra tệp

Khi hình và tiếng đã được duyệt, dựng toàn bộ phim, xem ở tốc độ thường theo trình tự thông điệp đầu, thao tác sản phẩm, đoạn kết, rồi đọc siêu dữ liệu:

\`\`\`bash
npx remotion render Launch out/launch.mp4 --codec=h264
ffprobe -v error -select_streams v:0 -show_entries stream=width,height,avg_frame_rate,duration -of json out/launch.mp4
\`\`\`

Với bản tóm tắt ví dụ, kỳ vọng 1080 × 1080 pixel, tốc độ khung \`30/1\` và khoảng 20 giây. Giữ bản đã duyệt cùng bản tóm tắt, mốc thời gian cảnh và danh sách tín hiệu âm thanh. Với phim dài hơn, cho mỗi cảnh một trạng thái vào và một trạng thái ra: vị trí, tỉ lệ và trường nổi bật cuối của thẻ là trạng thái bắt đầu của cảnh sau; giữ phông, bảng màu, khoảng cách trong cài đặt chung; làm từng cảnh hoặc nhóm nhỏ, và nếu chuyển cảnh chồng lên nhau thì tính phần chồng vào tổng thời lượng.

## Biến bài tập thành sản phẩm bán được: Launch Clip

Bài gốc gói bài tập 20 giây thành "Launch Clip" cho một lập trình viên sắp ra mắt một tính năng: quay một báo cáo thật, hoạt hoá thao tác xuất, giữ tệp thành phẩm trên màn hình, và khách nhận một video dán vào bài ra mắt hoặc trang sản phẩm. Gói đầu nên nhỏ: một tính năng và một kịch bản đã duyệt, một video 20 giây 1080 × 1080, một ảnh bìa lấy từ khung đã duyệt, và một vòng sửa về thời gian, lời và âm thanh.

![Infographic Your first product: the Launch Clip với các bước giới thiệu, thao tác, kết quả, kết thúc và sản phẩm bàn giao](https://opcaios.org/images/blog/motion-engineering-opus-5-5/launch-clip.webp)
*Gói Launch Clip: bốn đoạn của clip 20 giây và các sản phẩm bàn giao. Ảnh: @beamnxw.*

Tác giả dùng mức 150 USD làm giá thí điểm **mang tính minh hoạ** để thử với khối lượng công việc và phản hồi của khách. Đây không phải mức giá thị trường đã được kiểm chứng, và bài này không bảo đảm có ai mua với giá đó. Bản chào hàng rút gọn:

\`\`\`
Launch Clip | giá thí điểm 150 USD

Gửi màn hình sản phẩm, logo và tính năng bạn sắp ra mắt.
Tôi biến MỘT thao tác sản phẩm thành video ra mắt 20 giây.

Bao gồm:
Kịch bản ngắn để duyệt.
Một MP4 vuông và một ảnh bìa.
Một vòng sửa trong phạm vi kịch bản và hướng hình ảnh đã duyệt.

Ngày giao thống nhất sau khi xem tài sản.
Định dạng thêm, cảnh thêm và tệp nguồn báo giá riêng.
\`\`\`

### Làm mẫu trước khi chào bán

Hãy làm một ví dụ hoàn chỉnh bằng tài sản của bạn hoặc của một sản phẩm mà chủ sở hữu đã đồng ý cho dùng để minh hoạ. Đặt bản xuất cạnh ảnh mở đầu, thao tác và kết để khách xem được thành phẩm, và bấm giờ cả công việc: chuẩn bị tài sản, phản hồi, dựng, bàn giao. Con số thật này mới cho biết giá có hợp lý không.

### Tìm khách có đợt ra mắt sắp tới

Chọn một lập trình viên có tính năng chạy được và ngày phát hành. Xác định một hành động khán giả cần hiểu, rồi soạn đề xuất cụ thể, ví dụ "tính năng xuất báo cáo của bạn có thể là toàn bộ clip 20 giây". Gửi mẫu và chi tiết gói cho một khách phù hợp, hỏi họ muốn trình diễn tính năng nào. Trước khi bắt đầu thống nhất kịch bản, tài sản, hạn chót, điều khoản thanh toán và phạm vi sửa; ghi rõ khách được dùng video ở đâu và bạn có được đưa vào hồ sơ năng lực hay không. Trong lúc làm, gửi ba ảnh tĩnh để duyệt hướng, rồi bản xem trước chuyển động và bản xuất cuối; gắn phản hồi với số khung để vòng sửa có danh sách rõ.

![Infographic Find a buyer with an upcoming launch: chọn người bán, nêu hành động, đề xuất cụ thể, thoả thuận, cập nhật, phản hồi theo khung, bàn giao](https://opcaios.org/images/blog/motion-engineering-opus-5-5/tim-khach-hang.webp)
*Bảy bước từ tìm khách đến bàn giao. Ảnh: @beamnxw.*

## Remotion có cho làm video thương mại không?

Remotion cho làm video thương mại, nhưng tuỳ điều kiện giấy phép. Bạn dùng miễn phí được, theo Remotion (giấy phép đọc ngày 23/10/2026), trong ba trường hợp:

1. Bạn là cá nhân.
2. Bạn là tổ chức vì lợi nhuận có tối đa 3 nhân viên.
3. Bạn là tổ chức phi lợi nhuận đang đánh giá mà chưa dùng thương mại.

Giấy phép cho phép dùng để tạo video và hình ảnh, kể cả thương mại, nhưng cấm sao chép hay sửa mã Remotion để bán bản phái sinh. Tổ chức lớn hơn cần giấy phép công ty. Ví dụ, một lập trình viên làm tự do bán clip dựng bằng Claude (Anthropic) cho khách thuộc nhóm cá nhân, còn một agency có 10 người thì cần xem điều khoản dành cho công ty. Hãy đọc điều khoản của đúng phiên bản bạn dùng trước khi nhận việc thuê, vì OPCAIOS không đưa ra tư vấn pháp lý.

## Lưu ý khi làm theo

Có sáu lưu ý khi làm theo hướng dẫn này; đầu tiên và quan trọng nhất là về thu nhập, cuối cùng là về bản quyền:

1. **Đây là hướng dẫn, không phải bảo đảm thu nhập:** giá $150 và việc có khách là giả định của @beamnxw. Hãy tự thử với khối lượng công việc và phản hồi thực tế.
2. **Ước lượng của AI cần kiểm tra:** theo chính bài gốc, các ước lượng vị trí của Claude (Anthropic) chỉ gần đúng; luôn đối chiếu với ảnh trích khung.
3. **Quyền tài sản:** chỉ dùng màn hình sản phẩm, logo và nhạc bạn có quyền dùng; ghi thoả thuận bằng văn bản với khách.
4. **Không sao chép tham chiếu:** dùng video tham chiếu để học quyết định chuyển động, rồi làm cảnh gốc bằng tài sản của bạn.
5. **Cần máy và thời gian:** các cảnh phức tạp sẽ dựng chậm hơn trên máy thường.
6. **Kinh nghiệm của OPCAIOS:** sơ đồ và ảnh bìa của blog này cũng được dựng bằng mã (viết HTML rồi chụp bằng Chrome không giao diện). OPCAIOS chưa tự dựng một Launch Clip theo quy trình này và chưa kiểm tra thị trường cho nó.

Nếu bạn mới làm quen, đọc thêm [Làm motion graphics bằng Claude Opus 5.5](/blog/motion-graphics-claude-opus-5-5) cho cách thiết lập thư mục thương hiệu và kho tham chiếu, [Nên chọn model AI nào?](/blog/chon-model-ai) để cân nhắc chi phí, và [AI viết code sai phiên bản](/blog/ai-viet-code-sai-phien-ban) để hiểu vì sao nên đưa tài liệu tham chiếu cho AI.

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

### Motion engineering là gì?
Là cách làm video chuyển động bằng số khung hình cụ thể cho từng sự kiện, ghi trong một bản tóm tắt, để AI hoặc người dựng mã làm đúng và sửa được từng phần mà không phá phần khác.

### Cần cài gì để dựng video ra mắt sản phẩm bằng Claude và Remotion?
Cần Node.js, Claude Code, FFmpeg và FFprobe, rồi tạo dự án bằng \`npx create-video --yes --blank launch-video\` và cài kỹ năng bằng \`npx remotion skills add\`. Các lệnh này khớp tài liệu Remotion cập nhật 22/10/2026.

### Một clip ra mắt sản phẩm 20 giây gồm những phần nào?
Theo bài gốc: mở đầu ngắn (khung 0 đến 119), phần sản phẩm với con trỏ bấm và kết quả hiện ra (khung 120 đến 419), rồi cảnh kết có logo và một hành động tiếp theo (khung 420 đến 599), ở 1080 × 1080 và 30 fps.

### Tại sao phải ghi số khung cho từng sự kiện?
Vì mỗi giá trị riêng giúp sửa một chỗ mà không làm hỏng chỗ khác, và giúp phản hồi của khách gắn được với một khung cụ thể. Ở 30 fps, 0,6 giây là 18 khung; ở 60 fps cùng khoảng thời gian là 36 khung.

### Có kiếm tiền được từ việc làm video bằng AI không?
Có thể kiếm tiền từ việc làm video bằng AI hay không thì chưa ai kiểm chứng được cho bạn. Theo bài đăng gốc của @beamnxw (9/10/2026), gói Launch Clip có giá thí điểm $150 cho một clip 20 giây, nhưng đó là giả định để thử nghiệm, chưa được kiểm chứng, và OPCAIOS chưa bán thử gói nào. Muốn đánh giá, hãy làm đúng ba việc:

1. Đầu tiên, làm một mẫu hoàn chỉnh bằng tài sản của bạn hoặc của chủ sản phẩm đã đồng ý.
2. Tiếp theo, bấm giờ cả công việc thật: chuẩn bị tài sản, phản hồi, dựng, bàn giao.
3. Cuối cùng, gửi mẫu cho một lập trình viên sắp ra mắt tính năng và hỏi phản hồi trước khi định giá.

Ví dụ giả định: nếu tổng công việc mất 10 giờ thì $150 tương đương $15 mỗi giờ, chưa tính thuế và chi phí khác. Muốn học cách ứng dụng AI vào công việc thực tế, xem [khoá đào tạo ứng dụng AI](/services/dao-tao-ung-dung-ai) của OPCAIOS.

*Nguồn: bài viết "Motion Engineering with Opus 5.5: Build Launch Videos You Can Sell" của @beamnxw trên X, [x.com/beamnxw/status/2108616740846420354](https://x.com/beamnxw/status/2108616740846420354), đăng 9/10/2026; ảnh lấy từ bài gốc theo yêu cầu, thuộc về tác giả; đây là bản viết lại bằng tiếng Việt kèm đối chiếu. Lệnh và tính năng Remotion (create-video, skills add, still, render --frames, spring, random, motion blur, giấy phép), thông tin Opus 5.5 đối chiếu tài liệu Remotion và trang Anthropic ngày 23/10/2026. Giá 150 USD và khả năng có khách là giả định của tác giả, chưa kiểm chứng.*