Bạn cần một video giới thiệu sản phẩm dài 60 giây. Mở After Effects thì nặng máy và mất cả buổi, thuê người làm thì tốn tiền, còn dùng công cụ AI sinh video thì mỗi lần ra một kiểu, muốn sửa đúng một dòng chữ cũng khó. Có một hướng khác đang được nhắc nhiều: để AI viết mã, rồi dùng mã đó điều khiển từng chữ, từng hình, từng khung hình và xuất ra file MP4.
Bài này đi qua bộ 28 repository (kho mã nguồn trên GitHub) được Charlie Hills tổng hợp, chia thành 5 nhóm giúp Claude Code làm video motion graphics. Mình giải thích từng công cụ để bạn biết nó nằm ở khâu nào, và bổ sung vài điều về giấy phép mà nhiều bài giới thiệu hay bỏ qua.
Video bằng mã code khác gì video do AI tạo ra?
Hiểu sự khác biệt này trước thì phần còn lại sẽ dễ vào hơn. Khi nhắc đến “AI làm video”, nhiều người nghĩ ngay tới Kling, Runway hay Veo: gõ một câu lệnh, mô hình trả về một đoạn phim. Cách này hợp với cảnh quay điện ảnh, nhân vật, không gian thực tế, những thứ rất khó dựng bằng lập trình. Đổi lại, bạn khó chỉnh chính xác từng chi tiết, kết quả mỗi lần một khác, và giữ nguyên bố cục giữa các lần tạo không hề đơn giản.
Hướng thứ hai gọi là Programmatic Video Generation, tạm dịch là tạo video bằng lập trình. Ở đây AI không “vẽ” video mà viết mã mô tả video. Nhờ vậy bạn kiểm soát được từng đối tượng, thời điểm xuất hiện, màu sắc, nội dung, và dùng lại mã đó cho lần sau. Cách này hợp với motion graphics, infographic, video giải thích, video trình diễn ứng dụng và quảng cáo theo mẫu. Khi cần làm hàng trăm video cùng một cấu trúc, đây là chỗ nó phát huy: đổi hình, đổi chữ, đổi giá là xong.
Cũng đừng nghĩ nó miễn phí công sức. Bạn vẫn phải bỏ thời gian thiết kế mẫu, lập trình, kết xuất (render), kiểm thử và vận hành. Cách làm thực tế nhiều khi là kết hợp cả hai: cảnh quay do AI sinh, còn chữ, biểu đồ và hiệu ứng do mã dựng.
28 repository giúp Claude Code làm video motion graphics
Nhóm 1: 6 “động cơ” tạo chuyển động
Đây là phần làm cho mọi thứ động đậy. Thay vì nhận về một đoạn chuyển động khó sửa, bạn có thể bảo Claude Code đổi chính xác vị trí, màu, kích thước, tốc độ hay thời điểm xuất hiện của từng đối tượng.
Three.js là thư viện JavaScript phổ biến để dựng cảnh 3D ngay trên trình duyệt, gồm camera, ánh sáng, vật thể và hiệu ứng. React Three Fiber cho phép viết cảnh Three.js theo cách của React, tiện nếu dự án của bạn vốn đã dùng React. Cả hai hợp với video giới thiệu sản phẩm 3D hoặc mô phỏng máy móc. Với chữ và hình khối 2D, Anime.js là lựa chọn gọn nhẹ: nó điều khiển chữ, SVG và các thuộc tính giao diện, nên hay dùng cho tiêu đề động, icon chuyển động và infographic. Motion thiên về chuyển động mượt cho giao diện web, mạnh nhất khi đi cùng React, hợp với video trình diễn phần mềm. Lottie-web phát các animation xuất từ After Effects theo định dạng Lottie, thường dùng cho logo động và icon. Cuối cùng là GSAP, thư viện mạnh về dòng thời gian, đường cong gia tốc và việc đồng bộ nhiều hiệu ứng, nên xuất hiện nhiều trong chữ chuyển động, quảng cáo sản phẩm và các cảnh chuyển phức tạp.
Nhóm 2: 6 công cụ biến mã thành video MP4
Nhóm đầu tạo ra chuyển động, nhóm này đóng gói chuyển động đó thành file video dùng được. Cái hay là video không còn là thứ phải dựng lại từ đầu mỗi khi đổi nội dung: nó trở thành một mẫu chạy bằng dữ liệu và mã nguồn.
FFmpeg là công cụ xử lý video, âm thanh lâu đời: cắt, ghép, đổi định dạng, chèn nhạc nền, chỉnh độ phân giải. Gần như quy trình nào cũng có nó ở khâu cuối. Remotion dựng video bằng các thành phần React và điều khiển bằng dữ liệu. Ví dụ một mẫu video giới thiệu sản phẩm có thể dùng lại cho hàng trăm sản phẩm, chỉ cần thay hình, nội dung và giá. Hyperframes của HeyGen đi theo hướng khác: bạn viết video như một trang HTML, và nó kết xuất trang đó thành MP4, có sẵn bộ skill cho các AI Agent. Manim là framework Python nổi tiếng với hoạt hình toán học, công thức và biểu đồ, hợp với video giáo dục hoặc giải thích thuật toán. Motion Canvas viết animation bằng TypeScript, hợp với video giải thích kiến trúc hệ thống hay luồng dữ liệu. Revideo cho phép kết xuất video theo chương trình ngay trên máy chủ, tiện cho quy trình tự động.
Lưu ý về giấy phép: Remotion không phải mã nguồn mở theo định nghĩa của OSI, mà là “source-available”. Cá nhân và nhóm tối đa 3 người dùng miễn phí, kể cả làm thương mại. Từ người thứ 4 trở lên, công ty cần mua giấy phép, giá niêm yết khoảng 25 USD mỗi người mỗi tháng. Hyperframes thì dùng giấy phép Apache 2.0, không tính phí theo lượt kết xuất hay số người. Hai công cụ này làm việc na ná nhau, nên nếu bạn làm cho một đội từ 4 người, đây là điểm đáng so sánh trước khi chọn.
Nhóm 3: 5 thư viện dựng giao diện
Video giới thiệu phần mềm không chỉ cần chuyển động đẹp, mà còn cần một giao diện nhìn như thật. Nhóm này giúp Claude Code dựng màn hình mẫu nhanh và nhất quán, thay vì vẽ những màn hình giả mỗi cảnh một kiểu.
shadcn/ui là bộ thành phần React tùy biến sâu, dùng để dựng bảng điều khiển, biểu mẫu, bảng dữ liệu. Ba thư viện React Bits, Magic UI và Motion Primitives bổ sung các thành phần có sẵn hiệu ứng như chữ động, nền động, menu chuyển động, rất hợp với video quảng cáo SaaS hay trang giới thiệu sản phẩm. Món cuối, Magic MCP, là máy chủ MCP của 21st.dev: bạn gõ lệnh /ui kèm mô tả, nó sinh ra thành phần React dựa trên shadcn/ui và Tailwind rồi ghi thẳng vào dự án. Bạn cần một API key lấy từ 21st.dev để dùng.
Nhóm 4: 4 công cụ cho âm thanh và phụ đề
Một video hoàn chỉnh cần cả tiếng. Lời thuyết minh, nhạc nền và phụ đề ảnh hưởng thẳng tới trải nghiệm người xem, nhiều khi hơn cả hình.
Whisper của OpenAI chuyển giọng nói thành văn bản, và qua quy trình xử lý phù hợp có thể cho ra phụ đề kèm mốc thời gian. Tone.js tạo âm thanh bằng mã, từ âm báo, hiệu ứng chuyển động đến một số dạng nhạc sinh theo thuật toán. Wavesurfer.js vẽ sóng âm, hợp với video podcast hoặc trình diễn trợ lý giọng nói. ElevenLabs Skills hỗ trợ quy trình lồng tiếng AI, hiệu ứng âm thanh và âm nhạc. Ghép lại, bạn có thể đi từ kịch bản, giọng đọc AI, phụ đề tới đồng bộ hình ảnh.
Lưu ý: Các dịch vụ tạo giọng nói có thể cần API trả phí, và điều khoản dùng thương mại tùy gói. Đọc kỹ trước khi đưa vào video bán hàng.
Nhóm 5: 7 “kỹ năng” và MCP
Nếu các nhóm trên là dụng cụ, thì nhóm này dạy Claude Code cách dùng dụng cụ cho đúng. Lý do cần nó khá đời thường: AI viết mã Remotion hay GSAP chỉ dựa vào dữ liệu huấn luyện thì rất hay dùng cách viết cũ, đã lỗi thời. Một skill (kỹ năng) là bộ hướng dẫn để AI làm theo đúng cách hiện hành. MCP là giao thức cho phép AI nối với phần mềm khác và điều khiển nó.
Anthropic Skills là bộ kỹ năng chung giúp chuẩn hóa các tác vụ lặp lại. Bốn cái kế tiếp dạy từng công cụ cụ thể: GSAP Skills, Remotion Skills, Three.js Skills và Motion Graphics Skills, cái cuối tập hợp quy trình làm nội dung motion graphics có cấu trúc. Hai cái còn lại là MCP nối với phần mềm ngoài: MCP for Blender cho Claude tạo vật thể, dựng cảnh, chỉnh scene trong Blender, còn After Effects MCP cho phép AI điều khiển một số chức năng của After Effects, tùy cách triển khai.
Hai MCP này có điểm cần cẩn thận. Blender chạy mã do AI viết ngay trong cảnh bạn đang mở, nên hãy làm việc trên một bản sao của file. After Effects là phần mềm trả phí, nên nó không nằm trong nhóm “cài là chạy, không tốn xu nào”.
Ghép 28 công cụ lại như thế nào?
Điều quan trọng không phải cài càng nhiều càng tốt, mà là chọn đúng vài món cho một quy trình thật. Ví dụ trong bài gốc là video 60 giây giới thiệu trợ lý AI nhận cuộc gọi cho các tiệm nail ở Mỹ. Kịch bản chia thành năm đoạn: khách gọi nhưng tiệm bận không ai nghe máy (0 đến 10 giây), AI nhận cuộc gọi (10 đến 25 giây), AI kiểm tra lịch trống và đặt lịch (25 đến 40 giây), chủ tiệm xem kết quả trên bảng điều khiển (40 đến 50 giây), rồi giới thiệu thương hiệu và lời kêu gọi hành động (50 đến 60 giây).
Từ kịch bản đó, quy trình đi như sau. Claude Code viết kịch bản trước. Sau đó nó dùng GSAP, Motion hoặc Anime.js để tạo chuyển động cho chữ, biểu tượng và các cảnh mô phỏng, thêm Three.js nếu có cảnh 3D. Giao diện sản phẩm như lịch hẹn, cuộc hội thoại, bảng điều khiển được dựng bằng React và các thư viện giao diện. Âm thanh thì có giọng đọc AI từ một dịch vụ lồng tiếng, rồi Whisper hỗ trợ làm phụ đề. Cuối cùng Remotion gom các cảnh vào dòng thời gian, còn FFmpeg lo ghép nối và chuyển định dạng khi cần. Làm xong một lần, bạn có một mẫu hoàn chỉnh: đổi nội dung, màu, hình hay ngôn ngữ là ra video mới mà không phải làm lại từ đầu.
Xa hơn một video: dây chuyền nhiều AI Agent
Tôi nghĩ xa hơn một video lẻ. Chúng ta hình dung một doanh nghiệp có hàng trăm sản phẩm cần quảng cáo mỗi tháng sẽ không giao nhân viên dựng từng cái, mà dựng một dây chuyền: từ brief, kịch bản, bảng phân cảnh, tài nguyên hình ảnh, chuyển động, giọng đọc, phụ đề, kết xuất, kiểm duyệt đến xuất bản. Mỗi khâu do một AI Agent chuyên trách, còn con người giữ quyền duyệt những phần quan trọng trước khi đăng.
Đây là một ý tưởng hay để thử, nhưng hãy coi nó là hướng đi chứ chưa phải thứ có sẵn.
Trước khi bắt tay vào làm
Có 28 repository không có nghĩa là phải cài cả 28. Chúng thuộc nhiều loại khác nhau: thư viện, framework kết xuất, bộ thành phần, skill và MCP, nên cách cài và yêu cầu cũng khác nhau. Có dự án cần Node.js, có dự án cần Python, có cái cần phần mềm ngoài như Blender hay After Effects, và có tính năng dùng API trả phí.
Trước khi đưa vào sản xuất, bạn nên kiểm tra bốn thứ: phiên bản, giấy phép, mức độ còn được bảo trì và điều kiện dùng thương mại. Giấy phép là chỗ dễ vấp nhất. GSAP là ví dụ: từ khi Webflow mua lại, nó miễn phí cho cả mục đích thương mại, nhưng giấy phép của nó vẫn là loại riêng chứ không phải mã nguồn mở, và cấm dùng trong các công cụ tạo animation không cần mã cạnh tranh với Webflow. Làm video hay website thì thường không vướng, nhưng nếu bạn định làm một sản phẩm cho người khác tạo animation, hãy đọc kỹ điều khoản. Về bảo trì, theo thống kê của Capital & Compute ngày 28/9/2026, lottie-web chưa có cập nhật mới trên nhánh chính từ tháng 9/2025, và dotLottie là trình phát được bảo trì tích cực hơn. Revideo và Motion Canvas cũng cập nhật ít hơn nhóm đầu.
Một điều nữa mà cần nhấn mạnh: AI viết được mã không có nghĩa video đầu ra đã đạt. Bạn vẫn phải tự xem lại chất lượng hình, lỗi font, bố cục, nhịp chuyển động, độ khớp âm thanh và cảm giác của người xem.
Nên bắt đầu từ đâu?
Nếu mới làm, đừng cài hết. Một bộ gọn để học là Claude Code, Remotion, GSAP, FFmpeg và một bộ skill phù hợp. Khi cần 3D thì thêm Three.js, khi phải làm việc với Blender hay After Effects thì mới tính tới MCP tương ứng.
Nếu bạn làm cho một nhóm từ 4 người trở lên, hoặc muốn một bộ hoàn toàn mã nguồn mở, hãy thử thay Remotion bằng Hyperframes (viết HTML kết hợp GSAP) trước khi mua giấy phép. Còn nếu bạn làm một mình hoặc nhóm nhỏ, Remotion vẫn dùng miễn phí và có nhiều tài liệu để học.
Kết
Bộ 28 repository này không phải phần mềm thần kỳ cài vào là Claude Code thành đạo diễn. Nhưng nó cho thấy một thay đổi đáng để ý: AI giờ có thể tự viết mã, điều khiển công cụ và tham gia thẳng vào quá trình làm ra sản phẩm, còn bạn giữ vai trò đặt mục tiêu và kiểm tra kết quả. Chọn một bộ nhỏ, làm thử một video 15 đến 30 giây rồi mới mở rộng.
Bạn nghĩ sao về việc dựng một “phòng sản xuất video AI” với Claude Code thay vì chỉ dùng phần mềm dựng truyền thống? Chia sẻ ở phần bình luận nhé.
Để lại một bình luận