video-shotcraft — Làm video sản phẩm điện ảnh

Biến dự án frontend hoặc trang web thành video quảng bá sản phẩm chuẩn điện ảnh bằng Remotion, ảnh chụp trang thật, 124 thẻ cảnh quay và quy trình âm thanh.

Ảnh · VideoNâng cao★ 17,890⑂ 1,695Điểm AI 9/10Cập nhật lần cuối: 29 thg 10, 2026

Làm được gì

Dựng video quảng bá sản phẩm mang chất điện ảnh từ dự án frontend/trang web: tự chạy dev server, chụp toàn trang 2x bằng trình duyệt headless, tách phần tử và xuất bảng toạ độ layout.json để dùng UI thật làm chất liệu.
Kho 124 thẻ công thức cảnh quay kèm mã demo và gallery mẫu động, một template hoàn chỉnh đã nghiệm thu (Ink Press), cùng các component tái sử dụng (PageCam, ClipCard, DigitRoll, Caption...).
Ba chế độ tách bạch: dùng template, để agent tự do sáng tạo, hoặc đồng sáng tạo có xác nhận từng bước. Ngoài ra còn dùng lẻ một cảnh quay/hiệu ứng.
Xử lý âm thanh: phân tích BPM/pha thật bằng librosa, phân loại kick/snare/hihat, khớp chuyển cảnh vào nhịp (sai số ≤3 frame), tìm & tải SFX từ Freesound (ưu tiên CC0, ghi nguồn và giấy phép), xuất 2 bản có/không BGM.
Trước khi bàn giao có subagent kiểm duyệt độc lập; sau khi xong thì mở workbench chỉnh sửa trực quan và có thể xuất dự án CapCut (剪映).

Dành cho ai

Lập trình viên, founder solo cần tự làm video ra mắt hoặc giới thiệu tính năng cho sản phẩm web/SaaS.
Kỹ sư frontend đang dùng hoặc muốn học Remotion (render video bằng React).
Người đã có video và chỉ cần tìm, thay, căn chỉnh hiệu ứng âm thanh.

Ví dụ sử dụng

"Làm video 30 giây cho dự án dashboard của tôi" → kiểm tra sản phẩm ở chế độ chỉ đọc → đề xuất 3 chế độ → chụp trang, dựng storyboard, render.
"Dùng template Ink Press cho sản phẩm của tôi" → vào thẳng chế độ template, chỉ thay ảnh chụp, nội dung chữ và thương hiệu.
"Tìm giúp vài hiệu ứng âm thanh cho đoạn thẻ bay vào ở giây thứ 2" → chỉ trả về danh sách ứng viên Freesound kèm link nghe thử, không sửa hình, không render.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/Vincentwei1021/video-shotcraft/HEAD/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)

Tải tệp ZIP bằng nút bên dưới.
Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.

↓ Tải ZIP

Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên AI Skill Mart.
Copy thư mục SKILL.m từ repo GitHub Vincentwei1021/video-shotcraft vào ~/.claude/skills/video-shotcraft/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/Vincentwei1021/video-shotcraft.git ~/.claude/skills/video-shotcraft

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

Tạo thư mục skill: mkdir -p ~/.claude/skills
Clone kho: git clone https://github.com/Vincentwei1021/video-shotcraft.git ~/.claude/skills/video-shotcraft
Kiểm tra môi trường: cần Node.js 18+ (node -v) và Python 3 (python3 -V).
Nếu dùng template: cd ~/.claude/skills/video-shotcraft/template && npm install. Một số demo cần thêm npm i @remotion/motion-blur và three @react-three/fiber @remotion/three.
Muốn tìm SFX: lấy API key Freesound và đặt biến môi trường theo hướng dẫn trong assets/scripts/sfx-source.py.
Khởi động lại Claude Code, rồi yêu cầu kiểu "dùng video-shotcraft làm video quảng bá cho sản phẩm này".
Xem trước mẫu động tại https://vincentwei1021.github.io/video-shotcraft/ và gửi tên thẻ cảnh quay bạn thích để tiết kiệm thời gian.
Nếu dùng cho mục đích thương mại, hãy tự kiểm tra giấy phép của Remotion.

Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0