15 repo GitHub để làm video chuyển động bằng Claude Code: 6 tình huống dùng thật

Video được làm ra thế nào

Kết luận trước: 15 repo khác nhau nhưng cùng một cơ chế. Claude không “quay” video. Nó viết một trang web mà mỗi khung hình được tính theo thời gian, rồi trình duyệt chụp lần lượt từng khung và FFmpeg (công cụ xử lý video) ghép thành MP4.

Ba nền tảng nằm phía sau:

• HyperFrames (HeyGen): viết cảnh bằng HTML và GSAP. Apache-2.0, 66.789 sao. Cần Node.js 22 trở lên và FFmpeg. Render trên máy không tốn credit HeyGen.
• Remotion: viết cảnh bằng React. 65.028 sao. Cá nhân và công ty tối đa 3 nhân viên dùng miễn phí, kể cả thương mại; công ty lớn hơn phải mua giấy phép.
• HTML thuần + Playwright (trình duyệt tự động): vài skill như product-launch-motion, claude-motion-design tự chụp khung hình, không cần hai nền tảng trên.

Phần lớn 15 repo là skill: file hướng dẫn dạy Claude Code làm một việc. Cài skill thường bằng npx skills add <tác-giả>/<repo>. Chưa rõ agent là gì, đọc AI Agent là gì trước.

6 tình huống dùng, từng bước

Kết luận trước: chọn tình huống gần việc của bạn nhất, làm theo đúng thứ tự. Mọi prompt dưới đây có thể gõ tiếng Việt; prompt tiếng Anh là bản gốc trong tài liệu repo.

1. Video ra mắt sản phẩm từ link website

Hợp với: founder, marketer SaaS, người bán khoá học cần video 30–60 giây cho trang chủ, X, LinkedIn.

Repo: product-launch-motion (MIT). Cách khác là skill /product-launch-video có sẵn trong HyperFrames.

Cần cài trước: Node.js 20 trở lên kèm Playwright, FFmpeg, Python 3 kèm numpy. README khuyên dùng Claude Opus 5.5; model nhỏ hơn làm đúng luật nhưng thiếu chi tiết.

Lưu ý: video mẫu trong repo thuộc về khách hàng của tác giả, không được dùng lại. Nhạc nền phải có license rõ.

2. Video changelog từ một pull request

Hợp với: đội dev, DevRel, người làm sản phẩm muốn mỗi bản cập nhật có video ngắn giới thiệu.

Repo: HyperFrames, skill /pr-to-video. Đầu vào là link PR, dạng owner/repo#123, hoặc “this PR”.

$ claude plugin marketplace add heygen-com/hyperframes
$ claude plugin install hyperframes@hyperframes

• Skill đọc PR bằng gh (công cụ dòng lệnh của GitHub), lấy mô tả và phần code thay đổi. Nếu gh lỗi, skill dừng lại thay vì tự bịa nội dung PR.
• Sau đó đi qua storyboard, dựng từng cảnh, render ra renders/video.mp4. Video dùng phong cách “code-editorial” cố định.
• Muốn tự động hoá, có thể chạy bước này trong CI (hệ thống tự build khi có code mới) để mỗi bản phát hành có video.

3. Dựng lại video nói chuyện đã quay

Hợp với: người làm YouTube, khoá học, livestream: có sẵn file quay mặt, cần cắt gọn và thêm đồ hoạ.

Repo: herk-edit-kit, tên cũ hyperframes-student-kit, của Nate Herk. Code theo MIT, hình ảnh thương hiệu của tác giả không được dùng lại. Nate có video hướng dẫn trên YouTube: Claude Just Destroyed Every Video Editing Tool.

Cần cài trước: Node.js 22 trở lên, Git, FFmpeg, Chrome. Bước chép lời dùng ElevenLabs (trả phí theo key của bạn); bộ khởi đầu không cần API trả phí.

$ git clone https://github.com/nateherkai/herk-edit-kit.git
$ cd herk-edit-kit
$ npm ci
$ npm run setup
$ npm run new-video -- my-video

Đặt file quay vào video-projects/my-video/assets/raw.mp4, rồi gọi skill /edit-video trong Claude Code. Muốn ra video dọc 9:16 cho Reels, Shorts thì dùng /short-form-edit.

Lưu ý từ tài liệu repo:

• Tác giả ghi rõ đây là bộ công cụ, không hứa tự quyết định biên tập thay bạn.
• Không trộn mốc giờ của file gốc với file đã cắt.
• Kiểm tự động không bắt được lệch tiếng với hình; tài liệu kể chính Nate phát hiện lỗi lệch môi mà mọi bước kiểm tự động đều bỏ sót.

4. Chèn B-roll và hiệu ứng âm thanh cho video có sẵn

Hợp với: video nói chuyện cần thêm hình minh hoạ đúng lúc nói từ khoá; video đồ hoạ đang câm.

Repo: motion-graphics của Bart Slodyczka, 6 skill. Cài bằng npx skills add Barty-Bart/motion-graphics.

• /motion-broll: đưa video và file phụ đề (SRT từ Descript, YouTube hay phần mềm dựng). Claude lập bảng cảnh chèn và chờ bạn đồng ý, rồi dựng từng clip, render có nhoè chuyển động. Clip đặt tên theo vị trí trên timeline, ví dụ 04-master-prompt_0m32s40.mp4, để kéo vào phần mềm dựng của bạn.
• object-separation: tách người hoặc vật khỏi nền để đặt chữ phía sau. Chạy model SAM 2.1 trên máy; không có card NVIDIA thì khoảng 5 giây mỗi khung hình.
• sound-effects: gõ “add sound effects to this video”. Skill dò nhịp, đặt mỗi âm thanh vào một điểm, cân âm lượng, xuất after.mp4 và report.html để bạn đổi âm.
• 3 skill explainer-*: video giải thích sản phẩm từ link website, dài 12, 15 hoặc 60 giây tuỳ kiểu.

Bart có video hướng dẫn tách vật thể trên một clip mở hộp Mac mini: How To Make INSANE Motion Graphics With Opus 5.5.

5. Biểu đồ chạy và video giải thích

Hợp với: người làm báo cáo, newsletter, nội dung kiến thức: có số liệu hoặc một ý cần giải thích.

Repo nên thử trước: motion-graphics-skills của Charlie Hills (MIT). Cần cài HyperFrames để xuất MP4.

Muốn tự kiểm soát hơn: claude-motion (MIT, chạy trên Remotion) dạy Claude tự xem lại khung hình và tạo âm thanh. Trong ví dụ của tác giả, từ prompt tới bản đầu 15 giây có tiếng mất khoảng 30 phút, sửa thành bản 22 giây mất thêm khoảng 8 phút. Prompt gốc:

Đã quen React: dùng bộ skill chính thức của Remotion. Tài liệu Remotion hướng dẫn tạo dự án trống bằng npx create-video --yes --blank my-video, cài skill bằng npx remotion skills add, mở xem trước bằng npm run dev, rồi chạy claude ở terminal khác. Ví dụ lệnh trong README: /remotion-create Make a promo video for a record store. claude-remotion-skill (MIT) bổ sung luật dựng hình, buộc Claude chụp kiểm từng khung trước khi giao.

6. Hiệu ứng cho trang web và app

Hợp với: người làm landing page, dev frontend: cần hiệu ứng khi tải trang, khi cuộn, khi bấm nút.

Nhóm này không làm ra video. Kết quả là code chạy trên web.

• Motion (MIT, trước là Framer Motion): thư viện chính, cài npm install motion. Chạy npx motion-ai để cài skill /motion miễn phí và máy chủ MCP tra tài liệu Motion cho Claude Code. Một số tính năng audit nâng cao cần gói Motion+ trả phí.
• gsap-skills (MIT): 8 skill chính thức của GSAP, mạnh về hiệu ứng theo thanh cuộn (ScrollTrigger), chữ tách từng ký tự, SVG. Cài bằng npx skills add https://github.com/greensock/gsap-skills. Từ bản 3.13 (29/04/2025), GSAP miễn phí toàn bộ kể cả plugin.
• motion-design-skill (MIT, của LottieFiles): không sinh code cho thư viện nào, mà dạy Claude chọn thời lượng, độ mượt, thứ tự xuất hiện. Ghép với Motion hoặc GSAP.
• motion-dev-animations-skill (MIT): skill cho Motion với các mẫu có sẵn như hero hiện dần, hiện khi cuộn, thẻ nổi khi rê chuột. Tài liệu skill ghi theo Motion v11, cũ hơn bản hiện tại.

Dòng cuối prompt quan trọng: một số người bị chóng mặt với hiệu ứng mạnh. Motion có sẵn <MotionConfig reducedMotion="user"> để tự tắt hiệu ứng di chuyển khi máy người xem bật chế độ giảm chuyển động.

15 repo theo 5 nhóm

Kết luận trước: 11 repo dùng MIT hoặc Apache-2.0. 4 repo cần đọc kỹ license: Remotion, remotion-dev/skills, herk-edit-kit và animate-skill. Số sao tính đến 19/10/2026.

Hai repo cần nói thêm:

• claude-motion-design (howseen-ai, 577 sao): giống tình huống 1 nhưng có thêm chế độ làm lại video tham khảo và cắt khổ 4:5, 9:16 cho LinkedIn, X. Có 3 điểm dừng chờ bạn duyệt: brief, 4 khung hình mẫu, bản QA. Bài thử của No Code MBA trên gói Claude Pro: lần render đầu sai logo, thừa hiệu ứng âm thanh, chữ xuống dòng xấu; tác giả kết luận đây không phải kết quả của một prompt.
• animate: ảnh gốc chỉ ghi tên. Repo gần nhất mình tìm được là delphi-ai/animate-skill. Nó dạy hiệu ứng giao diện React chứ không làm video, dùng gói framer-motion cũ, chưa có license và không cập nhật từ 28/01/2026. Nếu cần skill kiểu này, tác giả gốc của khoá học mà repo dựa vào là Emil Kowalski có skill riêng: npx skills add emilkowalski/skill.

Lỗi hay gặp và chi phí

Kết luận trước: render trên máy thì miễn phí, nhưng Claude tốn nhiều lượt dùng, và bản đầu gần như luôn cần sửa.

Chi phí

• HyperFrames, Remotion (với cá nhân, công ty nhỏ), các skill MIT: không tính phí render.
• Tốn lượt dùng Claude. Bài thử của No Code MBA trên gói Pro: hết 11% giới hạn phiên sau lần render đầu, 18% sau lần thứ hai.
• Dịch vụ phụ có thể tính tiền: giọng đọc, chép lời ElevenLabs, nhạc, tạo ảnh.

Lỗi đã được báo cáo

• HyperFrames render nhiều luồng có thể làm hiệu ứng nhoè chụp lệch nhau, gây sọc nhấp nháy. Keanan Koppenhaver xử lý bằng npx hyperframes render --workers 1.
• HyperFrames trên Windows đang có vài issue mở: lỗi ENOENT khi build, cửa sổ console bật lên khi render. Gặp lỗi lạ trên Windows thì tìm trong danh sách issue trước.
• Remotion trên Windows: truyền dữ liệu JSON thẳng vào lệnh dễ mất dấu ngoặc kép; nên để trong file.
• Claude không xem được video, chỉ xem được từng khung hình. Lệch tiếng, nhịp chậm, hook nhạt: bạn phải tự xem.

Repo nhái

• Từ 14 đến 18/10/2026, có ít nhất 7 bản sao của motion-dev-animations-skill ở các tài khoản lạ, 0 sao, chép nguyên mô tả. Nhiều repo còn mang tên hyperframes-student-kit cũng là bản sao.
• Skill chạy lệnh trên máy bạn. Đọc SKILL.md trước khi cài, chỉ cài từ đúng tác giả trong bài.

Muốn làm video ngắn đều đặn, xem thêm quy trình làm video Shorts bằng AI và bài 3 repo AI đáng chú ý tháng 10/2026.