Checklist dạng “cầm tay chỉ việc” để người mới bắt đầu dùng Remotion + Claude
🧠 1. Chuẩn bị tài khoản & môi trường
- Tạo tài khoản trên Anthropic (Claude)
- Truy cập Claude (web hoặc app)
- Cài Node.js (>=18)
- Cài package manager (npm / yarn / pnpm)
⚙️ 2. Cài Remotion
- Mở terminal:
npx create-video@latest
- Chọn template (recommend: “Blank” hoặc “Starter”)
- CD vào project:
cd your-project
- Chạy thử:
npm run dev
👉 Mở browser → thấy preview video
🎬 3. Hiểu concept Remotion (rất quan trọng)
- Video = React component
- Timeline = frame (frame 0 → frame N)
- Mọi thứ (text, image, animation) = code React
- File chính thường là
src/Composition.tsx
🤖 4. Dùng Claude để generate code video
Vào Claude và prompt kiểu:
- “Viết cho tôi một component Remotion tạo video intro 5s với text ‘Hello World’, animation fade in”
- “Tạo video TikTok style với subtitle chạy từng dòng”
- “Tạo slideshow từ list ảnh + hiệu ứng zoom”
👉 Claude sẽ trả về code React → copy vào Remotion
📁 5. Paste & chỉnh sửa code
- Dán code vào:
src/Composition.tsx
hoặc tạo file mới
- Import vào:
src/index.ts
- Reload preview → xem video
🎨 6. Iterate với Claude (workflow chuẩn)
- Nếu lỗi → copy lỗi → hỏi Claude:
- “Fix lỗi này trong Remotion: …”
- Nếu muốn đẹp hơn:
- “Thêm animation mượt hơn”
- “Làm giống video TikTok viral”
- Nếu muốn dynamic:
- “Convert thành component nhận props (title, images…)”
👉 Đây là loop chính: Claude viết → bạn test → refine
🎥 7. Render video
- Render local:
npx remotion render
- Hoặc export qua CLI:
npm run build
👉 Output: file .mp4
⚡ 8. Workflow tối ưu (pro-tip)
- Dùng Claude để:
- Generate template video
- Generate subtitle logic
- Generate animation (spring, interpolate)
- Bạn chỉ:
- Thay content (text, ảnh)
- Điều chỉnh timing
🚀 9. Use-case dễ làm ngay
- Video TikTok auto
- Video recap data (dashboard → video)
- Video marketing từ blog
- AI-generated content pipeline
❌ 10. Lỗi người mới hay gặp
- Không hiểu frame → animation sai timing
- Copy code thiếu import
- Sai fps / duration
- Không restart dev server
Nếu các bạn có vấn đề gì cần hỏi liên hệ mình qua Zalo: 0912205001 nhé. mình sẵn sàng hỗ trợ 24/7.