Tạo đồ họa chuyển động và video đã chỉnh sửa với Motion Video Director

Motion Video Director là một kỹ năng sản xuất biến tác nhân lập trình thành nhà thiết kế chuyển động, biên tập video, đạo diễn và nhà thiết kế âm thanh. Công cụ này có thể tạo video giải thích dạng hoạt họa từ mã, biên tập cảnh quay người dẫn, chuẩn bị kịch bản lồng tiếng, đồng bộ hiệu ứng âm thanh và kết xuất video MP4 hoàn chỉnh ở định dạng dọc, màn hình rộng hoặc hình vuông.

Dự án sử dụng cẩm nang sản xuất trong SKILL.md cùng với các tập lệnh hỗ trợ. Thay vì lập tức kết xuất toàn bộ video, tác nhân sẽ tuân theo các bước phê duyệt cho kịch bản, kế hoạch và bản xem trước.

Motion Video Director có thể làm gì

Kỹ năng này bao gồm cả đồ họa chuyển động được tạo hoàn toàn bằng máy tính và biên tập dựa trên cảnh quay có sẵn. Hoạt ảnh có thể được viết bằng Canvas, SVG, Three.js hoặc GSAP, trong khi các dự án cảnh quay có thể kết hợp cắt cảnh, phóng to nhấn mạnh, phụ đề, cảnh xen kẽ và văn bản đặt phía sau chủ thể.

• Đồ họa chuyển động: Tạo chữ động, mô phỏng giao diện người dùng, hoạt ảnh con trỏ, sticker, hạt, thành phần Lottie và cảnh 3D.
• Biên tập cảnh quay: Biên tập video người dẫn với các đoạn cắt, phụ đề, phóng to nhấn mạnh, thay đổi tốc độ và tách chủ thể.
• Lập kế hoạch lồng tiếng: Tạo kịch bản được thiết kế cho ElevenLabs và căn chỉnh cảnh theo thời gian ở cấp độ từ.
• Thiết kế âm thanh: Thêm âm thanh dâng, tiếng va chạm và tiếng vút đồng bộ theo từng khung hình, giảm âm lượng âm thanh nền dưới phần lồng tiếng và nhắm đến mức âm lượng phù hợp với nền tảng.
• Kết xuất cục bộ: Xuất video MP4 ở định dạng 9:16, 16:9 hoặc 1:1 bằng mã, Chrome không giao diện và ffmpeg.

Cài đặt kỹ năng

Tùy chọn 1: Cài đặt nhanh

Cách cài đặt được khuyến nghị sử dụng lệnh npx skills. Chạy lệnh từ thư mục dự án:

npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill

Bạn cần cài đặt Node.js. Trình cài đặt sẽ hỏi bạn đang sử dụng tác nhân nào và sao chép kỹ năng vào vị trí phù hợp. Phương pháp này hỗ trợ Claude Code, Codex, Cursor và các tác nhân khác có hỗ trợ kỹ năng.

Tùy chọn 2: Plugin Claude Code

Trong Claude Code, hãy cài đặt mục marketplace và plugin:

/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill
/plugin install motion-video-director@motion-graphics-skill

Khởi động lại Claude Code sau khi hoàn tất cài đặt.

Tùy chọn 3: Cài đặt thủ công

1. Tải kho lưu trữ bằng Code và Download ZIP, sau đó giải nén.
2. Sao chép thư mục skills/motion-video-director vào ~/.claude/skills/ để sử dụng cho mọi dự án.
3. Hoặc sao chép thư mục vào .claude/skills/ bên trong một dự án để chỉ áp dụng cho dự án đó.
4. Khởi động lại Claude Code.

Trên Windows, thư mục kỹ năng Claude Code toàn cục thường là C:\Users\<you>\.claude\skills\. Với Codex, Cursor hoặc một tác nhân tương thích khác, hãy sao chép thư mục vào dự án và cung cấp chỉ dẫn sau:

Read skills/motion-video-director/SKILL.md and follow it for this video project.

Kiểm tra môi trường

Motion Video Director yêu cầu Node.js 18 trở lên, ffmpeg, ffprobe và Playwright với Chrome không giao diện. Các công cụ Python tùy chọn bổ sung khả năng chuyển lời nói thành văn bản, tách chủ thể và tách các kênh âm thanh.

• Bắt buộc: Node.js 18+, ffmpeg, ffprobe và Playwright với Chrome không giao diện.
• Tùy chọn: Python 3.10+ cùng faster-whisper, rembg và demucs.
• Tích hợp tùy chọn: Khóa API hoặc máy chủ MCP cho ElevenLabs, Firecrawl, Freesound, Pexels, Pixabay và LottieFiles.

Chạy tập lệnh kiểm tra trước để xem các phần phụ thuộc nào đã được cài đặt và phần nào còn thiếu:

bash skills/motion-video-director/scripts/preflight.sh

Các khóa API được lưu trong tệp .env cục bộ, tệp này không được đưa vào git. Kho lưu trữ cũng cung cấp create_env.sh để tạo tệp môi trường với các vị trí khóa trống và normalize_env.py để chuyển đổi tệp khóa hiện có thành một tệp .env sạch.

Tạo video đầu tiên

Sau khi cài đặt kỹ năng, hãy mô tả video bạn muốn bằng ngôn ngữ tự nhiên. Đính kèm tài liệu tham khảo hình ảnh nếu có. Ví dụ:

Tạo một reel ra mắt dài 30 giây, định dạng 9:16, cho SaaS của tôi. Đã đính kèm tài liệu tham khảo.

Bạn cũng có thể yêu cầu biên tập dựa trên cảnh quay có sẵn:

Biên tập đoạn video người dẫn thô của tôi thành một reel có phụ đề, phóng to nhấn mạnh và cảnh xen kẽ.

Đối với dự án tập trung vào sản phẩm, hãy cung cấp phong cách và thời lượng mong muốn:

Tạo video giải thích sản phẩm dài 45 giây về bảng điều khiển của chúng tôi. Hoạt ảnh giao diện gọn gàng, thiết kế âm thanh tinh tế.

Tuân theo quy trình sản xuất

Tác nhân sử dụng quy trình theo từng giai đoạn để bạn có thể xem xét các quyết định quan trọng trước khi kết xuất cuối cùng.

1. Tóm tắt yêu cầu: Tác nhân thu thập tài liệu tham khảo, câu chuyện, đối tượng mục tiêu, định dạng và thời lượng.
2. Kịch bản lồng tiếng: Tác nhân viết kịch bản sẵn sàng để dán vào ElevenLabs. Bạn tạo MP3 rồi gửi lại.
3. Phân cảnh: Mỗi cảnh được căn thời gian theo các từ trong phần lồng tiếng.
4. Xây dựng: Các cảnh được tạo hoạt ảnh bằng mã và mọi cảnh quay được cung cấp sẽ được biên tập.
5. Xem trước: Dự án kết xuất bảng liên hệ cho từng cảnh để phát hiện vấn đề trước khi kết xuất toàn bộ.
6. Kết xuất và trộn âm: Video cuối cùng được xuất với thiết kế âm thanh và chuẩn hóa âm lượng, sau đó là danh sách kiểm tra đảm bảo chất lượng.

Bạn phê duyệt kịch bản, kế hoạch và bản xem trước trước khi kết xuất cuối cùng. Quy trình ghi lại tiến độ trong PROGRESS.md, cho phép phiên làm việc mới tiếp tục từ nơi phiên trước đã dừng.

Khám phá các tính năng sản xuất chính

Đạo diễn và nhịp độ

Cẩm nang đề cập đến phần mở đầu thu hút trong ba giây đầu tiên, nhịp độ, loại cảnh quay, J-cut, L-cut, match cut và cấu trúc lời kêu gọi hành động. Cẩm nang cũng xác định năm mức độ biên tập, từ reel có nhịp nhanh đến video doanh nghiệp tiết chế.

Hoạt họa và đồ họa chuyển động

Đối với hình ảnh được tạo, skill hỗ trợ kinetic typography, văn bản 3D, mô phỏng giao diện người dùng, hoạt ảnh con trỏ, sticker, hạt, nội dung Lottie và cảnh quay sản phẩm bằng Three.js. Skill cũng áp dụng các nguyên tắc hoạt họa như easing, tạo độ trễ tuần tự và overshoot.

Xử lý cảnh quay và chủ thể

Đối với cảnh quay được ghi lại, quy trình có thể thêm punch zoom, phụ đề, speed ramp và tách chủ thể bằng các công cụ như RVM và SAM2. Phụ đề cũng có thể được đặt phía sau chủ thể khi cách xử lý này phù hợp với bản dựng.

Màu sắc, bố cục và khả năng tiếp cận

Hướng dẫn bao gồm cách tiếp cận màu 60-30-10, độ tương phản WCAG và vùng an toàn cho các nền tảng 9:16. Những yếu tố này giúp văn bản quan trọng và các thành phần hình ảnh dễ đọc trong các định dạng gốc của nền tảng.

Thuyết minh và âm thanh

Kịch bản thuyết minh được chuẩn bị cho ElevenLabs, trong khi faster-whisper có thể cung cấp dấu thời gian theo từng từ. Thiết kế âm thanh có thể bao gồm âm thanh nâng cao, âm thanh va chạm và hiệu ứng whoosh được đồng bộ với từng khung hình, giảm âm lượng nhạc nền dưới giọng nói, với mức âm thanh mục tiêu là -14 LUFS và -1.5 dBTP.

Sử dụng các script hỗ trợ

Kho mã bao gồm một số script hỗ trợ quy trình sản xuất:

• preflight.sh kiểm tra Node.js, ffmpeg, Playwright, các công cụ Python và khóa API.
• preview.mjs kết xuất một khoảng thời gian được chọn thành contact sheet để xem xét nhanh.
• analyze_ref.sh phân tích video tham chiếu thành các khung hình, đoạn cắt và âm thanh.
• create_env.sh tạo tệp .env với các vị trí khóa API trống.
• normalize_env.py chuyển đổi tệp khóa hiện có thành một tệp .env sạch.

Mẹo nâng cao để có kết quả tốt hơn

• Cung cấp tài liệu tham chiếu sớm: Đính kèm các ví dụ hình ảnh để bản mô tả và storyboard phản ánh đúng phong cách mong muốn.
• Nêu rõ định dạng xuất bản: Cho biết video nên có tỷ lệ 9:16, 16:9 hay 1:1, đồng thời nêu thời lượng mong muốn.
• Xem xét theo từng giai đoạn: Sử dụng các bước phê duyệt kịch bản, storyboard và bản xem trước dạng contact sheet để phát hiện vấn đề trước khi kết xuất toàn bộ.
• Sắp xếp tài sản nguồn có tổ chức: Xác định rõ cảnh quay, âm thanh, logo, phông chữ và các tài liệu tham chiếu khác để agent có thể tích hợp chính xác.
• Sử dụng các công cụ tùy chọn khi phù hợp: Thêm faster-whisper để chép lời, rembg để tách chủ thể và demucs để tách stem.
• Kiểm tra môi trường trước khi xây dựng: Chạy script kiểm tra ban đầu trước để tránh phát hiện các phụ thuộc kết xuất bị thiếu khi dự án đã triển khai muộn.
• Tiếp tục từ nhật ký tiến độ: Kiểm tra PROGRESS.md khi tiếp tục công việc trong một phiên mới.

Kết luận

Motion Video Director cung cấp một phương pháp có cấu trúc để tạo video hoàn chỉnh với Claude Code, Codex, Cursor hoặc một coding agent khác có khả năng hoạt động trong terminal. Cài đặt skill, mô tả dự án, xem xét kịch bản và storyboard, kiểm tra bản xem trước, sau đó để quy trình kết xuất cục bộ tạo video cuối cùng. Công cụ hỗ trợ cả đồ họa chuyển động được tạo bằng mã lẫn cảnh quay đã biên tập mà không yêu cầu After Effects hoặc Premiere Pro.