Tạo video sản phẩm đúng chuẩn thương hiệu với Claude Code và Remotion

product-film là gì?

product-film là một kỹ năng Claude Code dùng để tạo các video giới thiệu sản phẩm chất lượng như showreel bằng mã. Kỹ năng này có thể tạo vòng lặp cho trang đích, video ra mắt, phim quảng bá hoặc video demo bằng Remotion.

Thay vì áp dụng một phong cách hình ảnh chung chung, kỹ năng sẽ nghiên cứu kho mã sản phẩm của bạn. Nó xem xét các quy tắc thiết kế, token, component, logo, trang web đang hoạt động và những tuyên bố mà sản phẩm của bạn có thể đưa ra. Sau đó, kỹ năng sử dụng các tài liệu đó để tạo một video có hình ảnh và âm thanh như thể được thực hiện trực tiếp bởi đội ngũ sản phẩm của bạn.

Quy trình làm việc mang tính cộng tác. Claude phỏng vấn bạn về vị trí hiển thị, thời lượng, nhạc, tính năng, văn bản, chuyển cảnh và các thành phần hình ảnh tùy chọn. Claude ghi lại các quyết định thương hiệu trong videos/BRAND.md, tạo bảng nhịp, trình bày các khung hình phong cách, xây dựng hoạt ảnh, tạo tài liệu duyệt và kết xuất các sản phẩm đầu ra đã được xác minh.

Tính năng chính

• Khám phá hệ thống thiết kế: Xem xét các tệp quy tắc, token thiết kế, component, logo, sản phẩm đang hoạt động và các tuyên bố đã được phê duyệt.
• Phỏng vấn theo sản phẩm: Đưa ra các lựa chọn dựa trên tính năng và component thực tế của bạn thay vì các nội dung giữ chỗ chung chung.
• Bộ nhận diện thương hiệu lưu trữ: Lưu các quyết định của bạn trong videos/BRAND.md, tệp này sẽ ghi đè các mặc định của kỹ năng.
• Lập kế hoạch câu chuyện và phong cách: Tạo bảng nhịp và trao đổi với bạn qua ba khung hình phong cách trước khi hoàn tất quá trình xây dựng.
• Dựng phim theo nhạc: Đo lưới nhịp, cắt nhạc theo ô nhịp và đặt hiệu ứng âm thanh tại các điểm cao trào.
• Hoạt ảnh dựa trên Remotion: Xây dựng một composition trong đó mọi khung hình là hàm thuần của thời gian.
• Duyệt có cấu trúc: Tạo ảnh tĩnh tại các mốc bàn giao, bảng liên hệ và bản nháp ở nửa độ phân giải.
• Phân phối đã xác minh: Kết xuất bản master 240 fps có hiệu ứng nhòe chuyển động và kiểm tra các tệp đã giải mã về màu sắc, thời lượng và khả năng lặp liền mạch.
• Nhiều đầu ra: Tạo vòng lặp trang đích không tiếng, phiên bản có nhạc, tệp WebM và ảnh áp phích.

Yêu cầu

Trước khi cài đặt kỹ năng, hãy đảm bảo môi trường của bạn đáp ứng các yêu cầu sau:

• Claude Code. Kỹ năng chạy một chuỗi công cụ cục bộ và không hoạt động trong các ứng dụng trò chuyện Claude.
• Node.js và Bun.
• uv để chạy các tiện ích Python.
• Nhạc mà bạn có quyền hợp pháp để sử dụng.

Kỹ năng sẽ thêm Remotion vào dự án của bạn. Remotion miễn phí cho cá nhân và các nhóm nhỏ, trong khi các công ty lớn hơn cần giấy phép công ty. Xem điều khoản tại remotion.dev/license.

Các tập lệnh Python sẽ lấy NumPy và một bản dựng FFmpeg đầy đủ thông qua imageio-ffmpeg khi cần, vì vậy các dependency này không được cài đặt trên toàn hệ thống.

Cài đặt kỹ năng

Tùy chọn 1: Cài đặt qua Claude Code Plugin Marketplace

Trong Claude Code, thêm marketplace product-film và cài đặt plugin:

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill

Đây là phương thức cài đặt trực tiếp nhất khi bạn muốn kỹ năng khả dụng trong môi trường Claude Code của mình.

Tùy chọn 2: Cài đặt kỹ năng thủ công

Bạn cũng có thể sao chép kho mã và chép kỹ năng vào thư mục kỹ năng Claude Code cá nhân:

git clone https://github.com/Rieranthony/product-film-skill
mkdir -p ~/.claude/skills
cp -R product-film-skill/plugins/product-film/skills/product-film ~/.claude/skills/

Thư mục được sao chép bao gồm hướng dẫn quy trình, tài liệu tham khảo, template, tiện ích hoạt ảnh, công cụ âm thanh, tập lệnh duyệt và tập lệnh kết xuất được sử dụng trong suốt quá trình sản xuất.

Tùy chọn 3: Chia sẻ kỹ năng với nhóm

Để đưa kỹ năng vào một kho mã dùng chung, hãy commit thư mục của kỹ năng tại vị trí này:

.claude/skills/product-film/

Cách này giúp kỹ năng luôn khả dụng cùng với dự án cho các thành viên sử dụng Claude Code.

Tạo video sản phẩm đầu tiên

Bước 1: Mở kho mã sản phẩm

Chạy Claude Code từ kho mã của sản phẩm bạn muốn giới thiệu. Điều này quan trọng vì kỹ năng dựa vào các tài liệu dự án cục bộ như component, token thiết kế, quy tắc, logo và nội dung sản phẩm.

Bước 2: Yêu cầu tạo video

Yêu cầu Claude Code tạo video, bao gồm thời lượng mục tiêu, nơi sử dụng và nhạc. README cung cấp ví dụ sau:

Tạo một video trang đích dài 45 giây cho sản phẩm này, với bài hát này.

Bạn không cần xác định mọi chi tiết sáng tạo trong yêu cầu ban đầu. Kỹ năng sẽ tiếp tục phỏng vấn trước khi bắt đầu toàn bộ quá trình sản xuất.

Bước 3: Hoàn tất quá trình khám phá

Claude thực hiện rà soát nhanh các quy tắc thiết kế, token, component, logo và các tuyên bố được phép sử dụng. Giai đoạn khám phá này tạo nền tảng hình ảnh và biên tập riêng cho sản phẩm của video.

Hãy giữ các tệp dự án liên quan ở trạng thái có thể truy cập trong kho mã. Chất lượng và độ chính xác của kết quả phụ thuộc vào việc Claude có thể kiểm tra các tài liệu sản phẩm thực tế hay không.

Bước 4: Trả lời phỏng vấn sáng tạo

Kỹ năng sẽ hỏi video được phát ở đâu, nên dài bao lâu, sử dụng nhạc nào và những tính năng nào nên xuất hiện. Kỹ năng cũng cung cấp các thành phần tùy chọn như:

• Hoạt ảnh logo hoặc mascot hiện có.
• Các câu nhấn mạnh, chú thích hiển thị theo từng từ với kích thước lớn, hoặc không có chữ trên màn hình.
• Chuyển cảnh magic move, chuyển động máy quay hoặc các đoạn cắt đồng bộ với nhịp.
• Tương tác con trỏ, logo đối tác, khoảnh khắc chứng minh và họa tiết thương hiệu.

Những lựa chọn này là tùy chọn. Chỉ chọn các yếu tố hỗ trợ sản phẩm và bối cảnh xem dự kiến.

Bước 5: Xem xét Bộ nhận diện thương hiệu và Câu chuyện

Claude ghi lại các phát hiện từ quá trình khám phá và câu trả lời phỏng vấn của bạn vào:

videos/BRAND.md

Tệp này được ưu tiên hơn các lựa chọn sáng tạo mặc định của skill. Skill cũng chuẩn bị bảng nhịp và trình bày ba khung phong cách trước khi xây dựng bộ phim hoàn chỉnh.

Sử dụng bước xem xét khung phong cách để xác nhận kiểu chữ, màu sắc, bố cục, cách xử lý thành phần và mức độ phù hợp tổng thể với thương hiệu trước khi bắt đầu công việc hoạt ảnh.

Bước 6: Để Skill Xử lý Nhạc

Quy trình xử lý nhạc đo lưới nhịp, cắt bài hát đã chọn theo các ô nhịp và căn chỉnh hiệu ứng âm thanh với các đỉnh âm. Nhờ đó, thay đổi cảnh và những khoảnh khắc hình ảnh quan trọng có cấu trúc âm nhạc thay vì phụ thuộc vào thời gian tùy ý.

Bước 7: Xây dựng và Xem xét Bộ phim

Skill tạo một composition Remotion và mô hình hóa từng khung hình như một hàm thuần túy của thời gian. Skill kết nối các cảnh bằng phương pháp chuyển cảnh được chọn trong cuộc phỏng vấn.

Trong quá trình xem xét, Claude tạo ảnh tĩnh tại các điểm bàn giao, contact sheet và bản nháp có độ phân giải bằng một nửa. Bạn có thể kiểm tra các đầu ra này, yêu cầu chỉnh sửa và phê duyệt hướng triển khai trước khi render cuối cùng.

Bước 8: Render và Xác minh Sản phẩm Bàn giao

Quy trình cuối cùng tạo bản master 240 fps có hiệu ứng nhòe chuyển động. Sau đó, quy trình tạo các định dạng bàn giao được yêu cầu, bao gồm:

• Vòng lặp tắt tiếng phù hợp cho trang sản phẩm.
• Phiên bản có nhạc.
• Phiên bản WebM.
• Ảnh poster.

Các tệp được tạo sẽ được giải mã và kiểm tra màu sắc, thời lượng cũng như khả năng lặp liền mạch.

Tìm hiểu Cấu trúc Dự án

Skill được tổ chức thành tài liệu quy trình, tài liệu tham khảo chuyên biệt, template, tiện ích hoạt ảnh có thể tái sử dụng và các tập lệnh sản xuất:

plugins/product-film/skills/product-film/
├── SKILL.md
├── reference/
├── templates/
│   ├── BRAND.md
│   ├── film-prompt.md
│   └── kit/
└── scripts/
    ├── beats.py
    ├── audio-edit.py
    ├── stills.ts
    ├── render.ts
    └── verify.py

• SKILL.md chứa quy trình, các mặc định về kỹ thuật và những lỗi thường gặp.
• reference/ bao quát quá trình khám phá, phỏng vấn, thành phần sáng tạo, kể chuyện, công cụ hoạt ảnh, nhạc, xem xét và render.
• templates/BRAND.md cung cấp bộ nhận diện thiết kế để điền thông tin cho một sản phẩm.
• templates/film-prompt.md cung cấp bản tóm tắt phim có thể tái sử dụng.
• templates/kit/ chứa các công cụ cho lưới thời gian, spring, camera, con trỏ, magic move, câu nhấn mạnh, dithering và lớp phủ gỡ lỗi.
• beats.py dùng NumPy để suy ra lưới nhịp từ bài hát.
• audio-edit.py cắt bài hát theo các ô nhịp.
• stills.ts tạo ảnh tĩnh để xem xét.
• render.ts tạo bản render cuối cùng và các sản phẩm bàn giao.
• verify.py giải mã và xác thực các tệp đầu ra.

Mẹo Nâng cao

Coi BRAND.md là Nguồn Sự thật Sáng tạo

Vì videos/BRAND.md ghi đè các mặc định của skill, hãy xem xét tệp này cẩn thận. Đảm bảo tệp ghi lại các quy tắc hình ảnh, giọng điệu, thông điệp đã được phê duyệt và những lựa chọn sáng tạo được đưa ra trong cuộc phỏng vấn của sản phẩm.

Điều chỉnh Định dạng theo Nơi Sử dụng

Hãy cho Claude biết bộ phim sẽ được phát ở đâu. Vòng lặp trên trang đích có yêu cầu khác với video ra mắt hoặc video giới thiệu. Nơi sử dụng cũng giúp xác định liệu trải nghiệm cuối cùng nên tắt tiếng, lấy nhạc làm trọng tâm, nhiều chữ hay có thể hiểu được mà không cần từ ngữ.

Sử dụng Tài liệu Sản phẩm Thực tế

Giữ cho skill bám sát các token, thành phần, logo, tính năng và thông điệp thực tế. Đây là trọng tâm của mục đích dự án: tạo ra một bộ phim trông như chính sản phẩm đã tạo nên nó.

Đưa ra Quyết định tại các Điểm Kiểm tra

Sử dụng ba khung phong cách để đánh giá hướng triển khai ngay từ đầu. Sau đó, kiểm tra các ảnh tĩnh bàn giao, contact sheet và bản nháp có độ phân giải bằng một nửa trước khi phê duyệt bản render cuối cùng tốn nhiều tài nguyên. Các điểm kiểm tra này được thiết kế để phát hiện vấn đề về hình ảnh và thời gian khi chúng vẫn còn dễ sửa.

Lựa chọn Thành phần Tùy chọn Có Chủ đích

Hoạt ảnh logo, mascot, câu nhấn mạnh, chú thích, chuyển động máy quay, tương tác con trỏ, logo đối tác, khoảnh khắc chứng minh và họa tiết đều là tùy chọn. Đừng xem chúng như một danh sách cần đánh dấu. Hãy chọn các yếu tố truyền đạt rõ nhất những tính năng sản phẩm đã chọn.

Xác nhận Quyền Sử dụng Nhạc trước Khi Sản xuất

Công cụ có thể phân tích và chỉnh sửa một bài hát, nhưng không cấp quyền sử dụng nhạc đó. Hãy xác minh rằng bạn có các quyền cần thiết trước khi đưa một bản nhạc vào trang đích công khai, video ra mắt, nội dung quảng bá hoặc video giới thiệu.

Kiểm tra Giấy phép Remotion

Phần văn bản và mã riêng của skill product-film được cung cấp theo giấy phép MIT. Remotion có các điều khoản cấp phép riêng, vì vậy các công ty lớn nên xác nhận rằng họ có giấy phép công ty cần thiết trước khi sử dụng trong môi trường sản xuất.

Kết luận

product-film biến Claude Code thành một quy trình sản xuất phim sản phẩm có cấu trúc. Công cụ kết hợp việc khám phá repository, phỏng vấn riêng cho sản phẩm, bộ nhận diện thương hiệu được duy trì, chỉnh sửa nhạc theo nhịp, hoạt ảnh Remotion, xem xét theo từng giai đoạn và render đã được xác minh. Bằng cách bắt đầu với hệ thống thiết kế thực tế và xem xét sản phẩm tại mỗi điểm kiểm tra, bạn có thể tạo các tài sản video hoàn thiện, nhất quán với bản sắc sản phẩm.