Làm motion graphics với Claude: phân loại đúng các repo trước khi cài
Tóm tắt
Khi muốn dùng Claude Code làm video hoặc animation, hãy chia các repo thành 3 nhóm: skill (hướng dẫn agent), engine dựng video (render ra MP4) và thư viện animation web. Chọn đúng nhóm theo việc cần làm thay vì cài hàng loạt.
Tìm cách dùng Claude Code để làm video hoặc animation, bạn sẽ thấy hàng loạt repo trên GitHub — skill, engine, thư viện — và rất dễ cài lung tung rồi không biết cái nào dùng làm gì. Cách đơn giản nhất là phân thành 3 nhóm theo vai trò, rồi chọn theo việc cần làm thay vì cài hàng loạt.
Ba nhóm
| Nhóm | Vai trò | Ví dụ |
|---|---|---|
| Skill | Dạy agent quy trình và best practice | remotion-dev/skills, các skill của HyperFrames, LottieFiles/motion-design-skill |
| Engine dựng video | Biến code thành file video | remotion-dev/remotion, heygen-com/hyperframes |
| Thư viện animation web | Chuyển động trên trang web, không xuất video | greensock/GSAP, motiondivision/motion, airbnb/lottie-web |
Phân biệt vai trò
- Skill không tự dựng video; nó là “sổ tay” để agent dùng engine đúng cách.
- Engine là thứ thực sự render ra MP4 — bạn cần ít nhất một cái nếu muốn file video.
- Thư viện animation web chạy trong trình duyệt; kết quả là chuyển động trên trang, không phải file video.
Chọn theo nhu cầu
| Nhu cầu | Chọn |
|---|---|
| Cần file MP4 (video demo, quảng cáo, release note) | Một engine + skill tương ứng |
| Animation trên website | GSAP hoặc Motion |
| Animation do designer xuất ra từ công cụ thiết kế | Lottie |
| Mới bắt đầu | Một engine, cài skill chính thức của nó, làm video 15 giây trước khi thử thêm |
Quy trình thử nghiệm gợi ý
- Xác định đầu ra: file video hay chuyển động trên web?
- Chọn một engine (hoặc thư viện web) phù hợp với công nghệ team đã dùng.
- Cài skill chính thức của engine đó.
- Làm một sản phẩm nhỏ, 15 giây, từ đầu đến cuối (viết → xem trước → render).
- Chỉ sau đó mới cân nhắc thêm skill hoặc công cụ khác.
An toàn khi cài skill từ repo ít người biết
- Skill có quyền chạy lệnh trên máy bạn. Đọc SKILL.md và các script trước khi cài.
- Với repo cá nhân ít sao, kiểm tra lịch sử commit, issue và tác giả.
- Ưu tiên skill chính thức từ chủ sở hữu engine.
- Ghim phiên bản (commit) và tránh cài hàng loạt cùng lúc.
Áp dụng thế nào?
- Dev: chọn một đường đi (React → Remotion; HTML thuần → HyperFrames) thay vì thử cả hai cùng lúc.
- Tech Lead: lập danh sách công cụ được duyệt, kèm giấy phép, để team không tự cài tuỳ ý.
- PM/Marketing: hỏi “cần file video hay chuyển động trên web?” trước khi chọn công cụ — đây là câu hỏi quyết định.