Motion Engineering: Một bot, năm phòng ban, cả một studio

Chuyên mục: WaytoAGI · Tác giả / Nguồn: · Cập nhật:

Tóm tắt cốt lõi: Bạn muốn xây dựng một quy trình sản xuất video AI có thể tái sử dụng? Hướng dẫn này giới thiệu tư duy xây dựng một studio đồ họa chuyển động đơn agent dựa trên Claude Opus 5.5, hay còn gọi là kỹ nghệ chuyển động. Agent được chia thành 5 vai trò lớn gồm đạo diễn, mỹ thuật, hoạt ảnh, render và duyệt phim, kết hợp với Remotion để tạo hoạt ảnh bằng code. Nhờ quy trình phê duyệt phân tầng, kiểm tra bản xem trước và sửa lỗi lặp cục bộ, hệ thống có thể tạo ra video thích ứng đa phiên bản; toàn bộ quy trình có thể đóng gói thành Skill để tích lũy lâu dài, liên tục bồi đắp tài sản đồ họa chuyển động có thể tái sử dụng.

Bản đồ hoạ thông tin (AI tạo)
Bản đồ hoạ thông tin (AI tạo)

Link bài viết gốc: Motion Engineering: Một bot, năm phòng ban, cả một studio

Mori · X · @0xjmori · 2026-10-18 20:17

Bài viết này được chia sẻ lại, bản quyền thuộc về tác giả gốc, toàn văn căn cứ theo link bài gốc

001-a0.jpg
001-a0.jpg

Cách biến Claude Opus 5.5 thành một đội ngũ sản xuất motion phụ trách đạo diễn, animation, render, review và bàn giao video chuyên nghiệp.

Hầu hết mọi người đều nghĩ rằng làm video bằng AI chỉ đơn giản là viết một prompt rồi ngồi chờ kết quả.

Với Opus 5.5, khả năng thú vị hơn nhiều là xây dựng cả một studio sản xuất xoay quanh một agent duy nhất.

Hãy thử nghĩ xem điều gì thường diễn ra khi một startup cần video ra mắt sản phẩm. Một người viết creative brief. Designer định hình phong cách thị giác. Motion designer diễn hoạt giao diện. Video editor xử lý nhịp điệu và âm thanh. Những người khác review kết quả, yêu cầu chỉnh sửa và chuẩn bị xuất file cuối cùng.

Cả một dây chuyền sản xuất như vậy chỉ dành cho một video dài 20 giây.

Bây giờ hãy tưởng tượng việc giao những trọng trách tương tự cho một Claude agent, đồng thời thiết lập quy trình rõ ràng cho từng giai đoạn.

Agent sẽ nghiên cứu tài liệu tham khảo của bạn, lên kế hoạch cho video, viết code animation, render bản xem trước, tự kiểm tra lỗi và sửa đổi kết quả. Bạn chỉ cần phê duyệt các quyết định sáng tạo quan trọng thay vì phải tự tay dựng từng cảnh.

Đây chính là Motion Engineering chính là cơ hội tiềm ẩn đằng sau cách tiếp cận này.

Claude Opus 5.5 khiến workflow này trở nên thú vị vì nó kết hợp khả năng coding, thấu hiểu thị giác và khả năng vận hành agent trong thời gian dài. Nhưng phần quan trọng nhất không chỉ nằm ở bản thân model, mà là hệ thống sản xuất bạn xây dựng xung quanh nó.

Dưới đây là lý do tại sao nó khác biệt với việc tạo video bằng AI thông thường:

Claude không nhất thiết phải trực tiếp tạo ra các pixel cuối cùng. Nó có thể viết ra phần mềm để tạo ra những pixel đó.

Model viết code animation. Trình render chuyển đổi code đó thành các khung hình. Quy trình review phát hiện các lỗi. Agent sửa đổi mã nguồn và tiến hành render lại.

Điều này có nghĩa là video đầu tiên có thể trở thành nền tảng cho video tiếp theo.

Trong bài hướng dẫn này, tôi sẽ chỉ cho bạn cách xây dựng một motion studio đơn agent với năm phòng ban sản xuất, các component tái sử dụng được, các trạm kiểm duyệt sáng tạo và một workflow có khả năng tạo ra các video có thể chỉnh sửa và kiểm tra được.

Mục tiêu không phải là thay thế mọi quyết định sáng tạo của con người, mà là ngừng làm thủ công những việc mà một agent được cấu hình đúng cách đã có thể xử lý tốt.

Tôi đã Substack để chia sẻ những bài phân tích thực tế về AI agent, tự động hóa và workflow sản xuất.


PHẦN 1. THE ONE-BOT STUDIO (STUDIO MỘT BOT)

01. Một agent, năm phòng ban sản xuất

Các studio truyền thống phân chia công việc giữa các chuyên gia vì mỗi giai đoạn đòi hỏi những năng lực phán đoán khác nhau.

Đạo diễn tư duy về câu chuyện. Giám đốc mỹ thuật tư duy về bố cục. Animator tư duy về chuyển động. Technical artist tư duy về render. Người đánh giá quyết định xem kết quả có đáp ứng yêu cầu của brief hay không.

Một Opus 5.5 agent có thể tuần tự đảm nhận cả năm vai trò này.

Nhưng điều này chỉ hiệu quả khi các trách nhiệm được tách biệt rạch ròi.

Nếu để Claude ôm đồm cùng lúc cả vai trò đạo diễn, thiết kế, làm animation, render và đánh giá trong một bước phi cấu trúc duy nhất, bạn sẽ chỉ nhận được một bản demo thoạt nhìn thì ấn tượng nhưng hễ soi kỹ là lộ điểm yếu ngay.

Thay vào đó, hãy tổ chức agent xoay quanh năm phòng ban:

DEPARTMENT        RESPONSIBILITY             OUTPUT────────────────────────────────────────────────────────DIRECTOR          Story and storyboard       BRIEF.mdART DIRECTOR      Visual direction           STYLE.mdANIMATOR          Motion and timing          Source codeRENDER ENGINEER   Rendering and export       MP4 + previewsCRITIC            Visual quality control     Review report

Đây không nhất thiết phải là năm agent riêng biệt. Chúng là năm giai đoạn trong một workflow phối hợp thống nhất, với các chỉ dẫn, file và tiêu chuẩn nghiệm thu khác nhau.

Đạo diễn quyết định thông điệp video cần truyền tải trước khi animator chạm vào code. Giám đốc mỹ thuật xác định các quy tắc thị giác trước khi Claude tự tiện sáng chế ra màu sắc và hiệu ứng chuyển cảnh. Người đánh giá thẩm định kết quả render thực tế thay vì tin vào những gì animator tự miêu tả về sản phẩm của mình.

Quy trình như sau:

YOUR BRIEF                       |                       v               CLAUDE OPUS 5.5                       |                       v                    DIRECTOR                 Story + Script                       |                       v                  ART DIRECTOR              References + Design                       |                       v                    ANIMATOR                Code + Movement                       |                       v                 RENDER ENGINEER                Frames + Exports                       |                       v                     CRITIC                Review + Repair                       |                       v                   FINAL FILM
002-a1.png
002-a1.png

Thứ tự thực hiện rất quan trọng, bởi vì phần lớn các thất bại về mặt thị giác đều bắt nguồn từ trước khi render.

Nếu câu chuyện không rõ ràng, hiệu ứng chuyển động có đẹp đến mấy cũng không cứu vãn được. Nếu định hướng thị giác tầm thường, việc nhồi nhét thêm hiệu ứng chỉ làm lộ rõ sự tầm thường đó hơn. Nếu storyboard bị sai, một đoạn animation hoàn hảo về mặt kỹ thuật vẫn có thể không truyền tải được bất kỳ thông điệp nào.

Nhiệm vụ hàng đầu là xây dựng một quy trình có thể ngăn chặn những sai lầm này xảy ra ngay từ đầu.

02. Tại sao những video viral một click thực ra chẳng hề có phép màu

Chắc hẳn bạn đã từng xem những video kiểu này.

Ai đó đăng một đoạn animation trông như sản phẩm của một creative agency chuyên nghiệp, rồi tuyên bố rằng Claude đã tạo ra toàn bộ chỉ bằng một prompt duy nhất.

Kết quả đó có thể thực sự đến từ một phiên chạy tự động kéo dài của agent. Nhưng điều đó không có nghĩa là cả quá trình chỉ bắt đầu bằng một câu lệnh đơn giản.

Thariq từ đội ngũ Claude Code đã nhấn mạnh sự khác biệt này khi thảo luận về một bản demo viral.

Chi tiết này rất đáng để chúng ta lưu tâm.

Một prompt đầy uy lực có thể chứa toàn bộ creative brief, tư liệu tham khảo, shot list, giới hạn kỹ thuật, yêu cầu về asset và các quy tắc để kiểm tra kết quả cuối cùng.

003-a2.png
003-a2.png

Coding agent cũng có thể kế thừa một dự án có sẵn, design system, các component và pipeline render.

Cái gọi là "tạo bằng một click" bề ngoài thực chất thường là điểm kết thúc trực quan của một quá trình thiết lập quy mô lớn hơn nhiều.

Đây là một tin vui.

Điều này có nghĩa là bạn không cần phải cố tìm ra một tổ hợp tính từ thần kỳ nào cả. Thứ bạn cần là một môi trường sản xuất có thể tái tạo lại những quyết định chuẩn xác một cách nhất quán.

Hãy cân nhắc hai cách tiếp cận cho cùng một yêu cầu.

Cách thứ nhất: bảo Claude "làm một animation ra mắt sản phẩm cao cấp". Model sẽ phải tự quyết định sản phẩm là gì, video nên thể hiện ra sao, dùng hiệu ứng chuyển cảnh nào, người xem nên thấy tiêu đề vào lúc nào, và thế nào mới được coi là một kết quả thành công.

Cách thứ hai: cung cấp tư liệu sản phẩm thực tế, video tham khảo, quy tắc thiết kế, storyboard, timeline và các tiêu chuẩn đánh giá.

Cả hai cách đều có thể sử dụng một agent và một phiên chạy sản xuất quy mô lớn. Nhưng cách thứ hai có khả năng cao hơn rất nhiều trong việc tạo ra sản phẩm dùng được thực tế, bởi vì rất ít quyết định quan trọng bị phó mặc cho sự ngẫu nhiên.

Một prompt chỉ làm ra một video. Một studio sẽ tạo ra một phương pháp sản xuất video có thể lặp lại được.


PHẦN 2. BUILD THE STUDIO (XÂY DỰNG STUDIO)

03. Cài đặt môi trường sản xuất (Install the production environment)

Đối với thiết lập này, chúng ta sẽ sử dụng Claude Code làm agent, Remotion làm video framework và FFmpeg để kiểm tra media cũng như xử lý hậu kỳ.

Claude Code xử lý các tác vụ sáng tạo và lập trình. Remotion giúp kiểm soát video thông qua các React component và animation dựa trên khung hình. FFmpeg hỗ trợ phân tích tư liệu tham khảo, kiểm tra output và chuẩn bị các tư liệu bổ trợ.

Trước khi bắt đầu, vui lòng cài đặt Node.js, Claude Code và FFmpeg.

Tạo một dự án Remotion mới tinh:

npx create-video@latest --yes --blank motion-studiocd motion-studionpx remotion skills addnpm run dev
004-a3.jpg
004-a3.jpg

Bộ cài đặt Remotion Skills cung cấp các tài liệu hướng dẫn triển khai mà coding agent có thể sử dụng khi làm việc với framework này.

Mở một terminal khác trong thư mục motion-studio và khởi chạy Claude Code. Nếu môi trường của bạn hỗ trợ Opus 5.5, hãy chọn model này.

Bây giờ hãy tổ chức lại workspace:

motion-studio/│├── CLAUDE.md├── BRIEF.md├── STYLE.md├── STORYBOARD.md│├── public/│   ├── logos/│   ├── screenshots/│   ├── fonts/│   └── audio/│├── src/│   ├── compositions/│   ├── components/│   ├── animation/│   └── Root.tsx│├── reviews/│   ├── frames/│   ├── contact-sheets/│   └── findings.md│└── out/    ├── previews/    └── final/

Đây chính là workspace của studio.

CLAUDE.md chứa các quy tắc áp dụng cho mọi lần sản xuất. BRIEF.md mô tả video hiện tại. STYLE.md ghi lại định hướng thị giác. STORYBOARD.md định nghĩa chuỗi cảnh quay và các mốc sự kiện quan trọng.

Mã nguồn và các tư liệu đã được phê duyệt được lưu trữ tách biệt với các artifact phục vụ review.

Khi dự án chạy trong nhiều giờ hoặc được khôi phục trong một phiên làm việc khác, sự tách biệt này sẽ phát huy giá trị lớn. Claude có thể kiểm tra workspace để nắm rõ những gì đã được phê duyệt, hiện có những cảnh nào, cảnh nào chưa qua review và còn những gì cần phải render.

Nếu không có cấu trúc này, những quyết định quan trọng rất dễ bị trôi mất trong đoạn chat.

Một studio đúng nghĩa phải có khả năng khôi phục công việc từ các file lưu trữ, thay vì phụ thuộc vào việc giữ cho một cuộc hội thoại không bao giờ bị đứt đoạn.

04. Cung cấp cho bot một sổ tay vận hành vĩnh viễn (Give the Bot a permanent operating manual)

Hầu hết mọi người đều đưa cho Claude một bộ chỉ dẫn mới toanh mỗi khi làm video.

Điều này dẫn đến sự thiếu tính nhất quán.

Dự án này sử dụng animation dạng spring chặt chẽ. Dự án kế tiếp lại bị nảy quá đà. Dự án thứ ba thì thay đổi sạch font chữ, màu sắc và hiệu ứng chuyển cảnh chỉ vì model không có các quy tắc thị giác cố định.

Thay vào đó, hãy lưu giữ các tiêu chuẩn sản xuất của studio ngay trong file CLAUDE.md.

prompt 1. Create the Studio Manual (Tạo sổ tay hướng dẫn cho studio)

Create CLAUDE.md for our motion studio.You are the production agent responsiblefor directing, designing, animating,rendering, and reviewing code-made films.OPERATING RULES1. Never begin implementation before   creating a storyboard.2. Use only approved product assets.3. Never invent UI, metrics, testimonials,   or product capabilities.4. Every animation must be driven by   frame number or deterministic time.5. Use one primary visual direction   across the entire film.6. Do not animate elements without   a clear communication purpose.7. Render representative frames before   producing a full video.8. Review the rendered result,   not just the source code.9. Repair defects locally when possible.10. Preserve all editable source files.CREATIVE RESTRICTIONSAvoid:- Generic gradient backgrounds- Excessive bouncing- Glowing particles- Unreadable text- Fake product dashboards- Camera movement without purposePRODUCTION RULEA film is not complete becausethe MP4 exists.It is complete when the approved briefand verification requirements are met.

File này sẽ trở thành baseline chuẩn mực của studio.

Điều này không có nghĩa là mọi video đều phải rập khuôn giống hệt nhau. Nó có nghĩa là những lỗi sản xuất lặp đi lặp lại sẽ không cần phải bắt đầu phát hiện lại từ con số không.

Mỗi khi Claude lặp lại cùng một lỗi thị giác, hãy cập nhật và hoàn thiện sổ tay vận hành. Video tiếp theo sẽ tự động kế thừa bản sửa lỗi đó.

Bạn cũng có thể lưu trữ các animation component dùng chung, typography token, kích thước vùng an toàn, thiết lập xuất file ưu tiên và các quyết định sản xuất tái sử dụng khác ngay trong dự án.

Studio của bạn càng học hỏi được nhiều từ các dự án đã hoàn thành, nhiệm vụ tiếp theo sẽ càng ít tốn thời gian vào việc mò mẫm lại những kiến thức cơ bản.

05. Yêu cầu đạo diễn viết brief (Make the Director write a brief)

Bây giờ, hãy cùng bắt tay vào xây dựng một sản phẩm cụ thể.

Hãy tưởng tượng bạn đang ra mắt một sản phẩm SaaS giúp chuyển đổi bảng Kanban dự án lộn xộn thành kế hoạch sprint ngăn nắp.

Bạn muốn có một video giới thiệu sản phẩm dài 20 giây thể hiện sự chuyển đổi: một bảng nhiệm vụ ngổn ngang biến thành một danh sách ưu tiên rõ ràng.

Người xem có thể hiểu ngay giá trị sản phẩm mà thậm chí không cần đến lời bình.

Thay vì yêu cầu Claude làm một video trông thật ngầu, hãy giao cho đạo diễn một nhiệm vụ sản xuất cụ thể.

prompt 2. Director's Assignment (Nhiệm vụ của đạo diễn)

You are the Director of our motion studio.PROJECTLaunch film for a productivity app.MAIN MESSAGETurn a messy project board intoa clear sprint plan.AUDIENCEFounders, product teams, and developers.DURATION20 seconds.FORMATS16:9 master9:16 social version1:1 square versionASSETSUse the screenshots, logo, and fontsprovided in public/.Do not create fictional product screens.YOUR JOB1. Inspect all available assets.2. Identify missing information.3. Write BRIEF.md.4. Define the central visual idea.5. Create the film's story structure.6. Explain why each scene exists.Do not write animation code yet.Return the creative directionand wait for approval.
005-a4.png
005-a4.png

Đạo diễn cần xác định người xem phải nắm bắt được điều gì ở từng giai đoạn, thay vì cố nhồi nhét chuyển động vào video chỉ cốt để cho nó chuyển động.

Cảnh đầu tiên có thể hiển thị một bảng việc cần làm lộn xộn. Cảnh tiếp theo giới thiệu hành động sắp xếp nó. Cảnh cuối cùng dừng lại ở kế hoạch sprint thu được.

Mối quan hệ thị giác quan trọng nằm ở sự tương phản trước và sau.

Mọi thứ khác đều phải phục vụ cho sự tương phản này.

Trước khi phê duyệt bản tóm tắt (brief), hãy xác nhận rằng sản phẩm thực sự có tính năng bạn đang minh họa, ảnh chụp màn hình cung cấp có thể hiển thị tính năng đó, và câu chuyện được đề xuất có thể hiểu được mà không cần phụ thuộc vào quá nhiều văn bản giải thích.

Nếu thiếu màn hình sản phẩm then chốt, agent nên chủ động yêu cầu thay vì tự vẽ ra một ảo ảnh đầy thuyết phục.

Quy tắc đơn giản này có thể loại bỏ rất nhiều video giới thiệu sản phẩm do AI tạo ra nhưng không thể sử dụng được.

06. Biến tài liệu tham khảo thành phong cách thị giác (Turn the reference into a visual identity)

Một lý do chính khiến video do AI tạo ra trông cứ na ná nhau là model tự nghĩ ra toàn bộ định hướng thị giác từ con số không chỉ dựa trên ngôn từ mơ hồ.

Những từ như "cao cấp, tối giản, đậm chất điện ảnh và mang hơi hướng tương lai" không cung cấp cho model nhiều thông tin hữu ích.

Cách tốt hơn là cung cấp từ hai đến ba tài liệu tham khảo và gán cho mỗi tài liệu một mục đích rõ ràng.

Một tài liệu tham khảo có thể định hình typography. Một tài liệu khác có thể minh họa chuyển cảnh. Tài liệu thứ ba có thể thể hiện nhịp điệu hoặc bố cục.

Hãy để giám đốc nghệ thuật trích xuất các nguyên tắc thiết kế hữu ích từ tài liệu tham khảo, thay vì sao chép tác phẩm sáng tạo gốc.

prompt 3. Chỉ đạo nghệ thuật (prompt 3. Art Direction)

Act as Art Director.Inspect the reference images and videosin the references folder.Extract:TYPOGRAPHYFont characterWeight hierarchyHeadline scaleCOMPOSITIONMarginsSpacingVisual hierarchyFocal pointCOLORBackgroundPrimary textAccentContrast rulesMOTIONEntrance timingSettling behaviorCamera movementReading holdsTEXTUREGrainShadowsBordersSurface treatmentSave approved design decisions in STYLE.md.Do not copy exact compositions,artwork, or branding.Create a distinctive visual directionfor our product.Show the style proposal before building.

Lúc này, Claude không còn phải đoán mò xem "cao cấp" có nghĩa là gì nữa.

006-a5.png
006-a5.png

Khi animator bắt đầu làm việc, họ không cần phải đắn đo xem thẻ có phát sáng hay không, tiêu đề có nảy lên hay không, hoặc mỗi cảnh có cần thêm một lớp gradient nữa không.

Những quyết định đó đều đã được đưa ra trước rồi.

Một bản style guide hiệu quả không chỉ mô tả diện mạo mà video cần có, mà còn xác định rõ những yếu tố mà video nên tránh.

Nếu tài liệu tham khảo sử dụng font chữ tiết chế và chuyển động camera chậm rãi, model không nên tự ý đưa vào các giao diện xoay vòng hay hiệu ứng nổ hạt chỉ vì chúng thường thấy trong các bản demo do AI tạo ra.

Bạn muốn agent hiểu được ngôn ngữ thiết kế, chứ không phải sao chép đối tượng gốc.

Đối với các pha chuyển cảnh quan trọng, bạn có thể yêu cầu Claude dùng FFmpeg để trích xuất các khung hình từ video tham khảo, kiểm tra căn chỉnh thời gian (timing) và ghi lại những phát hiện đó vào tệp STYLE.md.

Cách này hữu ích hơn nhiều so với việc chỉ nói với model "hãy làm giống như Apple".


PHẦN 3. ANIMATOR VÀ RENDER ENGINE (PART 3. THE ANIMATOR AND RENDER ENGINE)

07. Chuyển hóa câu chuyện thành dòng thời gian có thể chỉnh sửa (Turn the story into an editable timeline)

Sau khi bản tóm tắt và phong cách được phê duyệt, animator sẽ cần một danh sách cảnh quay (shot list).

Đối với video dài 20 giây của chúng ta, hãy xác định năm cảnh.

SCENE 01: THE PROBLEM00:00 - 00:03A cluttered task board enters.The composition communicates overload.SCENE 02: THE ACTION00:03 - 00:07The cursor selects the organization feature.The interface responds visibly.SCENE 03: THE TRANSFORMATION00:07 - 00:11Tasks reorganize into clear priorities.One continuous visual relationship.SCENE 04: THE RESULT00:11 - 00:16The organized sprint plan settles.Hold long enough to understand.SCENE 05: THE CLOSE00:16 - 00:20Product name, logo, and call to action.A strong final frame.

Giờ đây model có thể thiết kế chuyển động giữa các trạng thái đã biết trước.

007-a6.png
007-a6.png

Nó không cần phải vừa viết mã hiệu ứng hoạt họa vừa phải tự nghĩ ra nội dung video.

Một nguyên tắc hữu ích là: trạng thái kết thúc của một cảnh phải cho animator biết cảnh tiếp theo bắt đầu như thế nào.

Nếu bảng việc cần làm kết thúc ở vị trí căn giữa với tỷ lệ thu phóng 80%, cảnh tiếp theo hoặc là giữ nguyên vị trí đó, hoặc chuyển cảnh có chủ đích từ trạng thái này.

Việc nhảy cóc tùy tiện giữa các bố cục không liên quan sẽ khiến video trông chẳng khác nào một chuỗi slide do AI tạo ra.

Tính liên tục sẽ tạo cảm giác video được chỉ đạo và dàn dựng bài bản.

Để kiểm soát kỹ thuật chi tiết hơn, bạn có thể chuyển đổi dấu thời gian (timestamp) thành số thứ tự khung hình (frame number).

Với tốc độ 30 khung hình/giây (fps), một video dài 20 giây sẽ bao gồm 600 khung hình, được đánh số từ 0 đến 599.

Điều này cung cấp cho agent vị trí chính xác của các sự kiện quan trọng.

Con trỏ chuột có thể chạm tới nút ở khung hình 180. Thao tác nhấp chuột được ghi nhận ở khung hình 195. Kết quả có thể xuất hiện ở khung hình 210.

Nếu một sự kiện diễn ra quá sớm, bạn có thể thay đổi khung hình diễn ra sự kiện đó.

Nếu chuyển cảnh diễn ra quá nhanh, bạn có thể thay đổi thời lượng của nó.

Bạn không cần phải tạo lại một video hoàn toàn khác rồi phó mặc hy vọng vào việc nhịp điệu sẽ được cải thiện.

08. Model viết code hoạt họa, không tạo trực tiếp video cuối cùng (The model writes animation code, not the final video)

Đây chính là sự khác biệt về mặt kỹ thuật giúp mô hình studio này trở nên khả thi.

Với Remotion, Claude có thể viết các React component có giao diện phụ thuộc vào khung hình hiện tại.

Bộ kết xuất (renderer) sẽ đánh giá các component này theo thời gian và tạo ra video thực tế.

Một animation xuất hiện đơn giản có thể trông như thế này:

import {  useCurrentFrame,  useVideoConfig,  spring,  interpolate,} from "remotion";export const ProductCard = () => {  const frame = useCurrentFrame();  const { fps } = useVideoConfig();  const progress = spring({    frame,    fps,    config: {      damping: 200,    },  });  const y = interpolate(    progress,    [0, 1],    [60, 0]  );  const scale = interpolate(    progress,    [0, 1],    [0.94, 1]  );  return (    <div      style={{        transform:          `translateY(${y}px) scale(${scale})`,      }}    >      Product Interface    </div>  );};

Component này sở hữu một đặc tính mà các video tạo một lần (one-shot) không thể mang lại một cách tự nhiên: các tham số có thể điều khiển được.

Bạn có thể thay đổi khoảng cách di chuyển, thời điểm xuất hiện, hành vi easing hoặc tỷ lệ thu phóng mà không cần phải yêu cầu tạo một clip hoàn toàn mới.

Nếu thẻ di chuyển quá xa, hãy giảm khoảng cách lại.

Nếu thẻ ổn định vị trí quá chậm, hãy điều chỉnh hiệu ứng lò xo (spring).

Nếu tiêu đề xuất hiện quá sớm, hãy lùi thời điểm xuất hiện của nó lại trên dòng thời gian.

Mã nguồn luôn ở trạng thái có thể chỉnh sửa được.

Đây chính là ưu thế vượt trội của việc làm animation bằng code trong các video sản phẩm, UI animation, video giải thích và nội dung định hướng bằng typography.

Đối với các cảnh chân thực, nhân vật phức tạp hoặc chuyển động điện ảnh tự nhiên, phương pháp này chưa chắc đã tốt hơn. Những trường hợp đó có thể cần đến cảnh quay thực tế, công cụ 3D hoặc generative video.

Mấu chốt là phải chọn một phương thức sản xuất cho phép bạn nắm quyền kiểm soát đối với tác phẩm mình đang thực sự tạo ra.

Và đối với video sản phẩm, khả năng kiểm soát thường có giá trị hơn nhiều so với sự ngẫu nhiên khó lường.

09. Cung cấp yêu cầu chính xác cho kỹ sư render (Give the Render Engineer exact requirements)

Render là một trách nhiệm riêng biệt, tách rời khỏi khâu thiết kế.

Animator chịu trách nhiệm xây dựng video. Kỹ sư render đảm bảo tác phẩm có thể xuất ra đúng độ phân giải và tốc độ khung hình yêu cầu.

Trong lượt đầu tiên, đừng render toàn bộ 600 khung hình ở chất lượng cuối cùng.

Hãy render các khung hình tĩnh mang tính đại diện trước.

prompt 4. Nhiệm vụ render (prompt 4. Rendering Assignment)

Act as Render Engineer.Read BRIEF.md, STYLE.md,and STORYBOARD.md.Inspect the existing composition.Before the final render:1. Confirm composition resolution.2. Confirm frame rate and duration.3. Check that all fonts load.4. Check that all product assets exist.5. Render representative still frames.6. Render a low-cost motion preview.7. Report runtime errors.Do not modify the creative direction.Do not render final deliverables untilthe preview passes review.

Với Remotion, bạn có thể render trực tiếp các khung hình đã chọn.

mkdir -p out/previewsnpx remotion still Launch \  out/previews/opening.png --frame=30npx remotion still Launch \  out/previews/action.png --frame=150npx remotion still Launch \  out/previews/result.png --frame=390npx remotion still Launch \  out/previews/closing.png --frame=570
008-a7.png
008-a7.png

Ở đây, Launch là ID composition trong dự án ví dụ của chúng tôi. Hãy thay thế nó bằng ID được cấu hình trong dự án Remotion của riêng bạn.

Ngay cả trước khi kiểm tra chuyển động, bốn khung hình tĩnh này cũng phải kể được câu chuyện chính.

Nếu đoạn mở đầu trông nhạt nhòa, sản phẩm khó nhìn rõ hoặc đoạn kết phân cấp thị giác kém, tốt nhất là nên sửa ngay bây giờ thay vì đợi sau khi đã xuất toàn bộ video.

Để xem trước chuyển động tập trung, chỉ cần render khoảng thời gian xung quanh tương tác đó.

npx remotion render Launch \  out/previews/interaction.mp4 \  --frames=90-330 \  --codec=h264

Giờ đây agent đã có sản phẩm video thực tế để kiểm tra.

Chứ không chỉ là một bản mô tả về những gì nó định tạo ra.

Sự khác biệt này rất quan trọng, bởi mã nguồn có thể trông hoàn toàn chính xác nhưng kết quả hiển thị lại rất tệ.

Cách đáng tin cậy duy nhất để đánh giá animation là kiểm tra kết quả thực tế mà bộ render tạo ra.


PHẦN 4. BỘ PHẬN ĐÁNH GIÁ MỚI LÀ YẾU TỐ TẠO NÊN STUDIO (PART 4. THE CRITIC IS WHAT MAKES IT A STUDIO)

10. Đừng để animator tự phê duyệt sản phẩm của mình (Don't let the Animator approve its own work)

Đây là bộ phận mà hầu hết mọi người đều bỏ quên.

Model viết code, video render thành công, agent tuyên bố mọi thứ đã hoàn tất.

Nhưng một bản render thành công chỉ chứng minh rằng file đó có tồn tại.

Nó không chứng minh được video đó có chất lượng tốt.

Có thể con trỏ đã che mất tiêu đề. Có thể thẻ tiếp đất quá muộn. Có thể sản phẩm khó nhìn thấy trên màn hình điện thoại. Hoặc có thể hiệu ứng chuyển cảnh về mặt kỹ thuật thì chạy được nhưng nhìn lại rẻ tiền.

Một studio chuyên nghiệp sẽ không bàn giao sản phẩm chỉ vì phần mềm đã xuất ra được file MP4.

Họ sẽ thẩm định kết quả.

Hãy cho Claude một giai đoạn phản biện riêng biệt, lý tưởng nhất là trong một context hoàn toàn mới, đi kèm với bản tóm tắt (brief) gốc và các khung hình đã render.

Điều này làm giảm nguy cơ đánh giá chỉ nhằm biện minh cho các quyết định đã đưa ra trong quá trình sản xuất.

prompt 5. Phản biện chuyển động độc lập

You are the Critic.You did not design or animate this film.Review the supplied contact sheet,still frames, and video preview.Score from 1 to 10:- Visual composition- Typography- Product readability- Motion quality- Timing- Continuity- Brand consistencyFind the three most important problems.For every problem, provide:FRAME OR TIMESTAMPWhere it happens.OBSERVATIONWhat is visibly wrong.WHY IT MATTERSHow it hurts the film.SMALLEST USEFUL FIXWhat should change.PRESERVEWhat must remain unchanged.Do not approve based onthe Animator's description.Save the report as reviews/findings.md.

Khâu thẩm định giờ đây mang lại nội dung cụ thể mà animator có thể xử lý được.

Thay vì đưa ra nhận xét chung chung như "hãy làm video có cảm giác chuyên nghiệp hơn", người phản biện (critic) có thể báo cáo:

DEFECT 01FRAME:210PROBLEM:The cursor crosses the result label.CAUSE:Cursor departure overlaps the result reveal.FIX:Move the cursor away before the labelbecomes visible.PRESERVE:Click timingCard dimensionsResult animationRECHECK:Frames 195, 210, 225, and 240
009-a8.png
009-a8.png

Animation kết quảKiểm tra lại:Khung hình 195, 210, 225 và 240

Điều này biến các phản hồi mang tính chủ quan thành công việc kỹ thuật cụ thể.

Người phản biện chỉ ra vấn đề. Animator tiến hành sửa lỗi. Kỹ sư render xuất lại các khung hình bị ảnh hưởng.

Không cần phải tạo lại toàn bộ video.

Đối với các dự án sản xuất nghiêm túc, người phản biện cần kiểm tra cả khung hình tĩnh lẫn bản xem trước chuyển động.

Khung hình tĩnh vạch ra các khiếm khuyết về bố cục. Video chỉ ra nhịp điệu chưa tốt, các pha chuyển cảnh gượng gạo, cử động thiếu tự nhiên và các vấn đề về căn chỉnh thời gian (timing).

Cả hai đều không thể thay thế hoàn toàn cho nhau.

11. Xây dựng vòng lặp sửa lỗi biết khi nào nên dừng

Vòng lặp sản xuất hữu ích nhất vốn rất đơn giản.

ANIMATE                      |                      v                RENDER PREVIEW                      |                      v                 CRITIC REVIEW                      |             +--------+--------+             |                 |            PASS              FAIL             |                 |             v                 v          DELIVERY      SPECIFIC FINDINGS                               |                               v                          LOCAL REPAIR                               |                               v                          RENDER AGAIN                               |                               +----> REVIEW

Từ khóa quan trọng ở đây là cục bộ.

Trừ khi ý tưởng sáng tạo cốt lõi có vấn đề, lỗi ở frame 210 không nên khiến toàn bộ storyboard phải viết lại.

Nếu tiêu đề ngắt dòng không đúng, hãy điều chỉnh chiều rộng hoặc cỡ chữ của nó.

Nếu con trỏ chuột đè lên kết quả, hãy đổi đường di chuyển của con trỏ.

Nếu cảnh kết thúc quá đột ngột, hãy chỉnh sửa thời lượng hoặc hiệu ứng chuyển cảnh của nó.

Agent nên giữ lại những phần việc đã được phê duyệt, đồng thời sửa các phần bị lỗi.

Thiết lập giới hạn cho vòng lặp.

prompt 6. Chiến lược sửa lỗi

Create a repair process for failed reviews.For every defect:1. Read the Critic's evidence.2. Identify the smallest relevant change.3. Preserve approved decisions.4. Patch the affected source.5. Render the affected frames.6. Inspect neighboring scene boundaries.7. Return the new evidence.Maximum:Two repair rounds per defect.If the same problem remains unresolvedafter two rounds:Stop.Explain the blocker.Request human direction.Never remove verification requirementsjust to make the review pass.

Giải thích yếu tố cản trở.Yêu cầu hướng dẫn từ con người.Tuyệt đối không xóa bỏ các yêu cầu kiểm định chỉ để vượt qua vòng review.

Điều này cho phép agent cải thiện output của chính nó mà không bị rơi vào vòng lặp chỉnh sửa vô tận.

Studio cần có khả năng lặp cải tiến.

Nó cũng cần ngân sách và quy tắc dừng.

Sự khác biệt giữa quyền tự chủ hữu ích và việc thử nghiệm mất kiểm soát nằm ở chỗ hệ thống có biết thành công trông như thế nào, cần bằng chứng gì và khi nào nên tìm kiếm sự trợ giúp hay không.


PART 5. FROM ONE VIDEO TO AN ACTUAL STUDIO (TỪ MỘT VIDEO ĐƠN LẺ ĐẾN MỘT STUDIO THỰC THỤ)

12. Một lần render không phải là một sản phẩm bàn giao

Các startup hiếm khi chỉ cần duy nhất một file video.

Cùng một đợt ra mắt sản phẩm có thể cần bản ngang cho website, bản vuông cho X và bản dọc cho Reels hoặc Shorts.

Việc cắt cúp video gốc một cách đơn giản có thể phá vỡ bố cục.

Cảnh quay khung ngang có thể hiển thị sản phẩm và tiêu đề song song.

Cảnh quay khung dọc có thể cần hiển thị tiêu đề trước, sau đó để giao diện lấp đầy màn hình.

Mạch dẫn dắt giữ nguyên, nhưng bố cục thay đổi.

ONE FILM                         |           +-------------+-------------+           |             |             |           v             v             v          16:9          1:1           9:16           |             |             |           v             v             v        WEBSITE       X / SOCIAL     REELS        YOUTUBE       SQUARE POST    SHORTS        Wider          Balanced       Vertical        context        composition    hierarchy

Hãy để agent tạo ra các bố cục thích ứng riêng biệt hoặc layout phân cảnh đặc thù cho từng định dạng từ cùng một nguồn asset và câu chuyện đã được phê duyệt.

Đừng mặc định rằng bản render khung ngang thành công đồng nghĩa với việc bản khung dọc có thể chấp nhận được.

Mỗi định dạng cần có các frame tĩnh và quy trình review riêng.

Một gói bàn giao chỉn chu nên bao gồm nhiều hơn 3 file MP4. Nó nên chứa video hoàn thiện, poster frame, file nguồn có thể chỉnh sửa, các asset đã được phê duyệt cùng ghi chú ngắn gọn về bất kỳ hạn chế nào còn tồn đọng.

Điều này giúp kết quả sẵn sàng cho đợt ra mắt thực tế, thay vì để lại cho khách hàng một file export mà không có cách nào chỉnh sửa tiếp.

13. Giữ lại studio, thay đổi dự án

Đây chính là điểm mà một bot bắt đầu biến thành một hệ thống sản xuất thực thụ.

Hầu hết mọi người xem xong video thì đóng cửa sổ chat lại, lần sau lại bắt đầu lại từ con số không.

Studio sẽ giữ lại những phần quan trọng.

Các quy tắc style, component có thể tái sử dụng, phương pháp animation, checklist review, lệnh render và cấu trúc output nên được giữ lại.

Chỉ có nội dung đặc thù cho từng dự án mới cần thay đổi.

FIRST VIDEOBrief A   |   vStudio Pipeline   |   vFilm ASECOND VIDEOBrief B   |   vSAME Studio Pipeline   |   vFilm BTHIRD VIDEOBrief C   |   vIMPROVED Studio Pipeline   |   vFilm C
010-a9.png
010-a9.png

Hãy hình dung, người review liên tục chỉ ra cùng một vấn đề: tiêu đề biến mất trước khi người xem kịp đọc xong.

Bạn có thể sửa thủ công cho từng video.

Hoặc bạn có thể cập nhật quy tắc của studio, yêu cầu thời gian dừng đọc rõ ràng và tiến hành kiểm tra trong quá trình review.

Giờ đây, mỗi video mới đều sẽ kế thừa bản sửa đổi này.

Điều tương tự cũng áp dụng cho các ảnh chụp màn hình sản phẩm bị khó đọc khi xuất khung dọc, hiệu ứng chuyển cảnh che mất thông tin quan trọng, hoặc animation con trỏ chuột xung đột với nhãn giao diện.

Mỗi vấn đề lặp đi lặp lại đều có thể chuyển hóa thành một quy tắc, một component tái sử dụng hoặc một bước kiểm tra review mới.

Đó chính là lợi thế của việc lưu giữ quy trình sản xuất thay vì chỉ giữ lại output cuối cùng.

Video tiếp theo vẫn cần định hướng sáng tạo, nhưng không cần phải dựng lại toàn bộ studio từ đầu.

14. Biến quy trình thành skill có thể tái sử dụng

Một khi dự án đầu tiên đã vượt qua khâu review, hãy lưu workflow của studio thành một Claude Code skill.

Skill không nên chứa tên sản phẩm, ảnh chụp màn hình hoặc copywriting từ đợt ra mắt cụ thể nào.

Nó nên mô tả phương pháp sản xuất.

prompt 7. Tạo studio skill

Create a reusable Skill named motion-studio.PURPOSETurn an approved creative brief intoa professional, code-rendered video.WORKFLOWDIRECTORAnalyze the request.Write the brief and storyboard.ART DIRECTORInspect references.Define a consistent visual direction.ANIMATORBuild editable, frame-driven motion.RENDER ENGINEERRender stills and previews.Validate technical outputs.CRITICInspect actual renders.Return evidence-based corrections.DELIVERYExport approved formats.Provide source and production notes.RULES- Do not invent product assets.- Do not skip creative approval gates.- Do not approve uninspected output.- Keep corrections local.- Limit repeated repair attempts.- Save every important artifact.OUTPUTFinal videosPoster framesContact sheetsEditable sourceReview report

Giờ đây nhiệm vụ tiếp theo sẽ trở nên nhẹ nhàng hơn rất nhiều.

Bạn cung cấp sản phẩm, đối tượng khán giả, tài liệu tham khảo thị giác và kết quả kỳ vọng.

Skill sẽ cung cấp quy trình.

Agent không cần phải dựng lại toàn bộ quy trình sản xuất từ lịch sử chat.

Đây cũng là điểm mà tính kinh tế của quy trình bắt đầu thay đổi.

Video đầu tiên có thể đòi hỏi rất nhiều công sức thiết lập và thử nghiệm.

Video thứ hai có thể tái sử dụng kiến trúc phân cảnh, motion component, lệnh render và quy trình kiểm tra chất lượng thị giác.

Video thứ ba có thể hưởng lợi từ các bản sửa lỗi được rút ra từ hai video trước.

Bạn không chỉ đang tích lũy các file output.

Bạn đang tích lũy năng lực sản xuất.


PART 6. YOUR FIRST ONE-BOT STUDIO PROJECT (DỰ ÁN STUDIO MỘT BOT ĐẦU TIÊN CỦA BẠN)

15. Master prompt

Khi đã có workspace, các quy tắc và các giai đoạn sản xuất, bạn có thể giao cho Opus một nhiệm vụ lớn hơn.

Điểm khác biệt quan trọng so với prompt dùng một lần là agent đã có quy trình rõ ràng để tuân theo, cùng các mốc kiểm duyệt cụ thể khi cần sự phê duyệt của con người.

Đây là master prompt mà tôi sẽ sử dụng.

Master prompt: Vận hành motion studio

You are operating my motion design studio.Your goal is to produce a professional20-second product launch film.PROJECTProduct: [NAME]Website: [URL]Audience: [AUDIENCE]Main message: [ONE SENTENCE]Use approved screenshots, logo,fonts, and references.STAGE 1: DIRECTORInspect assets.Write BRIEF.md.Create the storyboard.Define the central visual story.Request approval.STAGE 2: ART DIRECTORAnalyze references.Write STYLE.md.Define typography, color,composition, and motion.Request approval.STAGE 3: ANIMATORBuild the film using Remotion.Use deterministic, frame-driven animation.Preserve approved product detailsand scene continuity.STAGE 4: RENDER ENGINEERRender representative stills.Render a rough-cut preview.Check:- Dimensions- Frame rate- Fonts- Assets- Runtime errorsSTAGE 5: CRITICReview the actual rendered frames.Identify the three largest defectswith exact frame numbers.Propose local repairs.STAGE 6: CORRECTIONFix the highest-impact defects.Preserve approved work.Render affected frames again.Stop after two failed repair rounds.STAGE 7: DELIVERYExport:- 16:9- 1:1- 9:16Include:- MP4 files- Poster frames- Editable source- Contact sheets- QA reportIMPORTANTNever invent product screens or claims.Never skip review stages.A successful export does not provecreative quality.Stop for approval before major creativecommitments or publication.

Bạn vẫn bắt buộc phải cung cấp input chất lượng.

Bot cần tư liệu sản phẩm thực tế, mục tiêu rõ ràng và đủ tài liệu tham khảo để hiểu rõ định hướng thị giác.

Nhưng giờ đây bạn đang ủy thác toàn bộ quy trình sản xuất, chứ không phải chỉ yêu cầu một animation đơn lẻ.

Đây là cách ứng dụng Opus 5.5 thú vị hơn rất nhiều.


CAN ONE BOT REALLY REPLACE A MOTION STUDIO? (MỘT BOT THỰC SỰ CÓ THỂ THAY THẾ MỘT MOTION STUDIO KHÔNG?)

Đối với một số dạng sản xuất nhất định, nó có thể tiếp quản khối lượng lớn công việc mà các studio nhỏ thường phải xử lý thủ công.

Animation ra mắt sản phẩm, demo giao diện, video typography, trực quan hóa dữ liệu và video giải thích ngắn đặc biệt phù hợp, vì chúng có thể được diễn đạt dưới dạng code có thể kiểm soát được.

Nhưng việc thay thế workflow không đồng nghĩa với việc thay thế toàn bộ năng lực phán đoán sáng tạo.

Model có thể tạo ra nhiều hướng tiếp cận, nhưng vẫn cần con người quyết định xem hướng nào truyền tải chính xác tinh thần thương hiệu.

Nó có thể kiểm tra từng frame và phát hiện lỗi, nhưng chất lượng mang tính chủ quan không thể quy giản hoàn toàn thành các bài test.

Nó có thể tích hợp âm nhạc và hiệu ứng âm thanh, nhưng quyền sử dụng, kỳ vọng của khách hàng và quyết định phát hành cuối cùng vẫn đóng vai trò quan trọng.

Giá trị nằm ở việc thay đổi cán cân công việc.

Thay vì dành phần lớn thời gian để kéo thả các phần tử trong trình biên tập, bạn sẽ dành nhiều thời gian hơn để định hình hướng sáng tạo, review kết quả và tối ưu quy trình sản xuất.

Điều này đặc biệt hấp dẫn đối với các founder độc lập, lập trình viên, solo creator và các đội ngũ nhỏ—những người cần video sản phẩm chất lượng cao mà không phải dựng lại một production team mỗi lần phát hành tính năng mới.

Phương pháp này đóng vai trò quan trọng còn vì một lý do khác.

Video do AI truyền thống tạo ra thường rất khó chỉnh sửa chuẩn xác.

Bạn có thể thích một shot hình nhưng ghét hiệu ứng chuyển cảnh; có thể cần thay một ảnh chụp màn hình mà không làm thay đổi các phần khác của animation; có thể cần cùng một video ở ba định dạng khác nhau.

Với việc sản xuất bằng phương pháp render từ code, những thay đổi này thường có thể được biểu diễn dưới dạng các chỉnh sửa có kiểm soát trực tiếp trên file nguồn.

Thay đổi tiêu đề không nhất thiết phải làm lại toàn bộ video mới.

Màu sắc thương hiệu mới không đồng nghĩa với việc dựng lại toàn bộ timeline.

Việc chỉnh sửa timing có thể thực hiện chính xác tại các frame gặp sự cố.

Đây không đơn thuần chỉ là sự tiện lợi.

Nó phân định ranh giới giữa việc chỉ tạo ra một asset với việc duy trì cả một hệ thống sản xuất.


THE REAL SHIFT (BƯỚC CHUYỂN DỊCH THỰC SỰ)

Điểm thú vị nhất về motion design của Opus 5.5 không phải là những animation viral được tạo ra chỉ sau một đêm.

Mà là những gì sẽ xảy ra khi bạn biến năng lực này thành một studio có thể tái sử dụng.

Một agent có thể quản lý creative brief, xây dựng hệ thống thị giác, triển khai animation, render bản xem trước, review lỗi và chuẩn bị các sản phẩm bàn giao cuối cùng.

Trình render giúp video có thể tái tạo.

Storyboard giúp câu chuyện có chủ đích rõ ràng.

Vòng lặp review giúp các lỗi lộ diện rõ ràng.

Các component và kỹ năng được lưu lại giúp dự án tiếp theo trở nên dễ dàng hơn.

Quy trình dùng một lần truyền thống diễn ra như sau:

Một prompt tạo ra một video, video được xuất ra, và dự án tiếp theo lại phải bắt đầu lại từ đầu.

Một bot studio hoạt động theo cách hoàn toàn khác.

Mỗi dự án hoàn thành đều có thể để lại các template tốt hơn, dynamic component tốt hơn, tiêu chuẩn đánh giá chặt chẽ hơn và quy trình bàn giao đáng tin cậy hơn.

Video đầu tiên gây ấn tượng vì nó cho thấy những tiềm năng khả thi.

Đến video thứ năm thì bắt đầu thú vị, vì quy trình sản xuất đã bắt đầu có thể lặp lại được.

Đến video thứ hai mươi, các kỹ năng, component, quy trình kiểm tra và nguyên tắc sáng tạo tích lũy được có thể còn giá trị hơn bất kỳ một prompt đơn lẻ nào.

Cơ hội thực sự không phải là dùng AI để làm một video, mà là xây dựng một studio ngày càng hoàn thiện hơn sau mỗi lần sản xuất.

Chỉ cần thiết lập đúng cách, studio này hoàn toàn có thể khởi đầu từ một con bot.


IF YOU MADE IT THIS FAR (Nếu bạn đã đọc đến tận đây)

Trước khi thức trắng thêm một đêm để cố sửa video do AI tạo ra bằng những prompt ngày càng phức tạp, hãy lưu lại hướng dẫn này.

Theo dõi tôi trên X: x.com/0xjmori

Đăng ký theo dõi Substack của tôi: substack.com/@lunarresearcher

Lần tới khi bạn cần video ra mắt sản phẩm, đừng chỉ bảo Claude làm animation.

Hãy giao cho nó cả một studio để vận hành.

Học tương tác với AI (NotebookLM)

Ngoài đọc , bạn có thể nghe , xem và xem hoạ thông tin ở đầu bài. Bài này còn có bộ công cụ tương tác do AI tạo: Bài kiểm tra trắc nghiệm, Thẻ ghi nhớ, Sơ đồ tư duy, Bản trình bày và Báo cáo chuyên sâu.

Mở không gian học tương tác