DPS Video Agent Playbook
Làm video với Remotion
cùng Agentic Coding
cùng Agentic Coding
Hướng dẫn chuẩn cho người mới dùng Remotion để tự động hoá sản xuất video ngắn theo tiêu chuẩn DPS.MEDIA — từ setup đến render final chỉ bằng vài lệnh npm và một prompt gửi agent.
9:16 · Reels / TikTok / Shorts
Tiếng Việt có dấu
2026-03-25
Tổng quan
Remotion + Agentic Coding là gì?
Remotion cho phép tạo video bằng code React — animation, text, footage đều lập trình hóa hoàn toàn. Kết hợp agentic coding, AI agent đọc brief → viết kịch bản → sinh code Remotion → render MP4 mà không cần can thiệp thủ công từng bước.
React-based Video
Viết component React, Remotion render thành MP4. Animation dùng useCurrentFrame() và useVideoConfig().
Agentic Workflow
Agent đọc link nguồn, viết kịch bản, sinh code, chạy npm run render — tất cả tự động theo Playbook này.
9:16 First
Mọi composition dùng 1080×1920 làm mặc định. Chuẩn cho Reels, TikTok, YouTube Shorts.
Render nhanh
Dùng @remotion/media + concurrency=4. Benchmark 300 frames ~ 49–51s trên máy local tiêu chuẩn.
SOP triển khai
7 bước làm một video hoàn chỉnh
Agent tự chạy đủ 7 bước. Bạn chỉ cần cung cấp link nguồn nội dung và duyệt preview ở bước 5. Không cần hỏi lại những gì đã chốt trong Playbook.
1
Đọc link nguồn và trích ý chính
Agent fetch URL bạn cung cấp, parse nội dung và trích storyline: hook, insight chính, giải pháp, CTA. Bắt buộc bám đúng nội dung link — không tự sáng tác ngoài phạm vi nguồn.
web_fetch(url)
2
Viết kịch bản theo cấu trúc 30s
Hook (0–3s) → Insight + giá trị (3–18s) → Giải pháp (18–26s) → Logo + CTA (26–30s). Tiếng Việt có dấu, câu ngắn, tránh nhồi chữ, nhịp nhanh.
3
Chọn và thiết kế visual từng scene
Footage corporate từ Pexels/Pixabay/Coverr (kiểm tra commercial use). Typography rõ, overlay đủ đậm. Logo DPS bắt buộc. Visual còn lại agent tự chủ động chọn phù hợp tone.
@remotion/media · Video component
4
Chọn nhạc đúng vibe và cân volume
Nguồn free: Mixkit, Pixabay. Video phân tích/bài viết: nhạc nhỏ nhưng sôi động. SFX whoosh/pop chuyển cảnh nhẹ. Volume nhạc nền luôn thấp hơn text/voice chính.
5
Render preview nhanh 10s đầu
Chạy preview để duyệt ý tưởng trước khi render full. Nếu có góp ý, agent điều chỉnh ngay tại bước này trước khi chuyển sang bước 6.
npm run render:article:preview
6
Render final full chất lượng
Sau khi duyệt preview xong, chạy render final. Concurrency mặc định = 4. Kiểm tra file output tồn tại trước khi bàn giao.
npm run render:article:final
7
Cập nhật Playbook nếu có góp ý mới
Mọi feedback chốt đều được ghi vào mục “Lịch sử góp ý đã chốt” trong file Playbook. Đây là nguồn sự thật duy nhất để agent đọc cho lần làm việc tiếp theo.
Cấu trúc nội dung
Template video 30 giây chuẩn DPS
Mỗi video phải theo đúng trình tự này. Hook phải xuất hiện trong 3 giây đầu — nếu không, người xem sẽ scroll qua trước khi thấy giá trị.
0 – 3s
🎣 Hook mạnh
Vấn đề gây tò mò, số liệu shock, hoặc điểm đau trực tiếp. Mục tiêu duy nhất: giữ người xem không scroll tiếp trong 3 giây đầu.
3 – 18s
💡 Insight + Giá trị chính
Trình bày insight cốt lõi và bằng chứng ngắn gọn. Typography nổi bật, nhịp chuyển cảnh dứt khoát. Tối đa 2–3 dòng text mỗi frame.
18 – 26s
🗺️ Giải pháp / Lộ trình
Trả lời “vậy thì phải làm gì?”. Đơn giản, actionable, tối đa 1–3 điểm. Không giải thích dài dòng ở đây.
26 – 30s
🎯 Logo DPS + CTA rõ
Logo DPS bắt buộc. CTA cụ thể: website, hotline, hoặc follow. Kết thúc dứt khoát — không để video fade mờ ra không có gì.
Lệnh render
Các lệnh npm đã chốt
Composition mặc định: DPSArticle2026Fast. Chạy benchmark lại khi đổi máy hoặc thay đổi cấu hình đáng kể.
Preview nhanh — 10s đầu (dùng để duyệt ý tưởng)
npm run render:article:preview # ~15s · chỉ render 10s đầu
Preview full 30s — scale thấp
npm run render:article:preview:full # review toàn bộ flow nhịp video
Render final — 1080×1920 full chất lượng
npm run render:article:final # 1080×1920 · concurrency=4
Benchmark — đo lại khi đổi máy
npm run benchmark:article # đo tốc độ, chọn concurrency tối ưu
CLI thủ công với flag rõ ràng
npx remotion render DPSArticle2026Fast out/video.mp4 \
–concurrency=4
Hiệu năng render
Benchmark thực tế — 300 frames mẫu
Đo trên máy local với composition DPSArticle2026Fast. Chốt dùng concurrency=4 cho kết quả nhanh và ổn định nhất.
| Concurrency | Thời gian trung bình | Ghi chú | Hiệu suất tương đối |
|---|---|---|---|
| 4 ✓ Mặc định | ~49.8s | Nhanh nhất, ổn định | |
| 5 | ~56.4s | Tốt | |
| 6 | ~60.3s | Trung bình | |
| 7 – 8 | ~72s | Chậm nhất |
Quy chuẩn thiết kế
Motion và Design Standards
Áp dụng cho mọi video. Agent phải tuân thủ để đảm bảo tính nhất quán thương hiệu DPS trên tất cả nội dung.
Transition nhanh, dứt khoát — slide hoặc cut hợp lý. Không dùng fade mờ trừ khi cố ý tạo cảm xúc.
Typography ưu tiên mobile — chữ đủ lớn, đọc được khi xem trên điện thoại mà không cần zoom.
Overlay đủ đậm — text phải nổi rõ trên video nền bất kể cảnh sáng hay tối.
Không nhồi chữ — tối đa 2–3 dòng text mỗi frame. Cần nhiều hơn thì thêm scene mới.
Logo DPS bắt buộc — xuất hiện rõ ở scene CTA cuối. Có thể watermark nhẹ xuyên suốt video.
SFX nhẹ được phép — whoosh/pop chuyển cảnh để tăng nhịp. Không lạm dụng, không lấn át nội dung.
Nguồn asset
Asset free — đã kiểm tra commercial use
Luôn xác nhận license cho phép commercial use trước khi dùng. Tránh footage có logo thương hiệu rõ ràng khi chưa có quyền sử dụng.
Footage
Pexels
pexels.com · Free commercial · Không cần attribution
Footage
Pixabay
pixabay.com · Pixabay License · Free commercial
Footage
Coverr
coverr.co · Free commercial video loops chất lượng cao
Âm nhạc
Mixkit
mixkit.co · Free License · Không cần attribution
Âm nhạc
Pixabay Music
pixabay.com/music · Pixabay License · Free commercial
Checklist bàn giao
6 điểm bắt buộc trước khi giao video
Click để tick từng mục khi hoàn thành. Agent phải xác nhận đủ 6 điểm trước khi gửi video cho client.
Video đúng 9:16 — 1080×1920px, không bị crop hay letterbox ở bất kỳ cạnh nào.
Text tiếng Việt có dấu — không lỗi chính tả, không thiếu dấu thanh hoặc dấu phụ.
Nội dung bám link nguồn — không sáng tác ngoài phạm vi bài gốc mà user đã cung cấp.
Có logo DPS — xuất hiện rõ trong video, ít nhất ở scene CTA cuối cùng.
Nhạc nền đúng vibe — volume thấp hơn text/voice chính, không lấn át nội dung.
File output tồn tại — render thành công, file MP4 truy cập được và không bị lỗi.
