Tools

Remotion Agent Skills: để Claude Code dựng video bằng React đúng chuẩn

Tóm tắt

Remotion — thư viện dựng video bằng React — có bộ Agent Skills chính thức cho Claude Code, Codex, Cursor. Các skill hướng dẫn agent từ tạo dự án, viết animation, phụ đề, tới render, giúp kết quả đúng chuẩn Remotion hơn.

Một số skill

SkillLàm gì
/remotion-best-practicesTổng hợp mọi skill còn lại
/remotion-createTạo dự án hoặc composition
/remotion-markupAnimation, layout, typography, media, audio
/remotion-captionsPhụ đề
/remotion-mapsBản đồ, tuyến đường, video giải thích địa lý
/remotion-renderRender video hoặc ảnh tĩnh
/remotion-upgradeNâng cấp Remotion và các gói liên quan

Cài đặt

npx skills add remotion-dev/skills

Áp dụng thế nào?

  • Dev React: tận dụng component sẵn có để làm video intro, video thống kê từ dữ liệu thật.
  • Kiểm tra giấy phép: Remotion miễn phí cho cá nhân và team nhỏ, nhưng công ty vượt ngưỡng cần mua license — đọc điều khoản trên trang Remotion trước khi dùng thương mại.
  • Chọn công cụ: team đã quen React → Remotion; muốn HTML thuần, Apache-2.0 → cân nhắc HyperFrames.