Launch Video (video ra mắt sản phẩm bằng code)
Tạo video ra mắt sản phẩm dài 30–45 giây bằng một file HTML duy nhất, dùng màu brand và ảnh sản phẩm thật, rồi xuất ra MP4.
Ảnh · VideoTrung cấp★ 205⑂ 36Điểm AI 9/10Cập nhật lần cuối: 11 thg 10, 2026
Làm được gì
- Dựng video launch 30–45 giây theo phong cách các công ty SaaS đăng trong ngày ra mắt, ngay trong Claude Code.
- Bắt buộc hỏi 5 thứ trước khi làm: sản phẩm ra mắt là gì, một câu duy nhất chia thành 3–5 nhịp, bằng chứng thật, CTA đúng từng chữ, và bộ brand (hex, font, logo) kèm kích thước khung.
- Đề xuất bảng 7 nhịp theo giây: hook → bằng chứng → sản phẩm đang chạy → nhịp chất lượng → cách hoạt động → con số quan trọng → CTA.
- Sinh ra một file
index.htmltự chứa, cówindow.seek(giây)để tái hiện chính xác từng khung hình, dễ chụp và kiểm tra. - Danh sách cấm rõ ràng: không typewriter cho tiêu đề, không glow, không gradient trên chữ, không testimonial hay số liệu bịa.
- Xuất bản cuối ở hai tỷ lệ 16:9 và 4:5 bằng HyperFrames.
Phù hợp với ai
- Founder, người làm sản phẩm một mình cần tự làm video ra mắt.
- Marketer cần reel quảng bá nhanh mà không thuê agency.
- Developer muốn làm motion graphics bằng code thay vì After Effects.
Ví dụ sử dụng
- "Làm video ra mắt khóa học cohort 6 tuần của tôi" → chia một câu thành các nhịp, đặt ảnh kết quả học viên thật vào nhịp bằng chứng.
- "Reel 1080x1920 cho ngày ra mắt app" → tập trung đoạn 9–17s: con trỏ gõ prompt thật vào ô input và kết quả hiện ra.
- Sau khi dựng, chụp một khung ở giữa mỗi nhịp để kiểm tra chữ bị cắt, phần tử đè nhau, độ đọc được trên điện thoại và số liệu không có trong brief.
· · · 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/charlie947/motion-graphics-skills/HEAD/skills/launch-video/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.
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 skills/launch-video từ repo GitHub charlie947/motion-graphics-skills vào ~/.claude/skills/launch-video/ 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/charlie947/motion-graphics-skills.git && mkdir -p ~/.claude/skills && cp -r motion-graphics-skills/skills/launch-video ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở Terminal.
- Tải repo:
git clone https://github.com/charlie947/motion-graphics-skills.git - Tạo thư mục skills:
mkdir -p ~/.claude/skills - Copy skill này:
cp -r motion-graphics-skills/skills/launch-video ~/.claude/skills/ - (Nên làm) Copy thêm skill
brand-intaketrong cùng repo để chuẩn bị màu, font, logo trước. - Đặt tài sản thương hiệu (
brand.md, file logo, ảnh chụp sản phẩm) vào thư mục dự án. - Mở Claude Code và nói "làm launch video cho sản phẩm của tôi"; skill sẽ hỏi 5 câu trước khi dựng.
- Khi cần file MP4: chạy
npx skills add heygen-com/hyperframesrồinpx hyperframes render(kiểm tra công cụ sẵn có trước khi cài).
Xem mã nguồn trên GitHub ↗Giấy phép: MIT