video-shotcraft — Xưởng làm video sản phẩm điện ảnh

Pipeline dựa trên Remotion biến một dự án frontend hoặc trang web thành video quảng bá đậm chất điện ảnh với ảnh chụp trang thật, chuyển động camera 2.5D, cắt theo nhịp nhạc và thiết kế âm thanh.

Ảnh · VideoNâng cao★ 9,305⑂ 846Điểm AI 9/10Cập nhật lần cuối: 23 thg 9, 2026

Làm được gì

Ba chế độ sản xuất rõ ràng: dùng nguyên template 'Ink Press' và chỉ thay tư liệu; để agent tự do sáng tạo tới thành phẩm; hoặc cùng sáng tạo với các mốc xác nhận (brief sản phẩm, hướng thị giác, mapping cảnh quay, storyboard).
157 thẻ công thức cảnh quay + mã demo đã hiệu chỉnh: mỗi hiệu ứng (bay vào, chia thẻ như chia bài, orbit cận cảnh…) có bảng tham số và nguồn TSX tham chiếu để giữ chất lượng.
Chụp trang web thật: khởi dev server nội bộ, dùng headless browser chụp toàn trang 2x, tách phần tử và tạo bảng toạ độ layout.json để dựng UI thật trong video.
Đồng bộ nhịp và âm thanh: phân tích BPM/kick/snare/hihat bằng librosa, ghim chuyển cảnh vào nhịp thật, dùng 149 hiệu ứng âm thanh miễn phí thương mại; xuất hai bản có và không có BGM.
Kiểm định & hậu kỳ: tự kiểm bằng frame tĩnh, một subagent độc lập soát cuối, mở workbench trực quan (localhost:5198) để sửa phụ đề/màu/tốc độ, và xuất được project CapCut (Jianying).

Phù hợp với ai

Lập trình viên indie, founder một người muốn tự làm video ra mắt sản phẩm
Dev frontend muốn làm video bằng code, tái lập được, không cần After Effects
Product marketer/designer cần video demo hiển thị chính xác UI sản phẩm

Ví dụ sử dụng

"Làm video 30 giây quảng bá dashboard Next.js của tôi" → agent kiểm tra dự án ở chế độ chỉ đọc, gợi ý chế độ phù hợp rồi chạy từ chụp ảnh đến render.
"Dùng template Ink Press cho sản phẩm của tôi" → đọc TEMPLATE.md, thay ảnh chụp, chữ và bộ token thương hiệu theo sản phẩm.
"Chỉ cần một cảnh với hiệu ứng row-embed" → xác thực tên thẻ trong gallery, đọc mã demo chuẩn và áp vào tư liệu của bạn.

· · · 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 Claude 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.

Chuẩn bị: cài Node.js 18+, npm và Python 3 (dùng cho phân tích nhịp và smoke test).
Tạo thư mục skill: chạy mkdir -p ~/.claude/skills.
Clone repo: git clone https://github.com/Vincentwei1021/video-shotcraft.git ~/.claude/skills/video-shotcraft
Cài phụ thuộc template: cd ~/.claude/skills/video-shotcraft/template && npm install; một số demo cần thêm npm i @remotion/motion-blur, các thành phần 3D cần three @react-three/fiber @remotion/three.
Kiểm tra render thử: npx remotion render src/index.ts AiflPromo out/promo.mp4.
Xem thư viện mẫu: mở https://vincentwei1021.github.io/video-shotcraft/library.html để chọn trước tên các thẻ cảnh quay bạn thích.
Dùng trong Claude Code: mở Claude Code tại thư mục dự án và nói "dùng video-shotcraft làm video quảng bá cho dự án này".
Lưu ý bản quyền: nếu dùng thương mại, hãy tự kiểm tra giấy phép riêng của Remotion.

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