remotion-graphics
Installation
SKILL.md
Animated graphics with Remotion (optional)
Our video-overlay/captions path renders static PNGs composited by ffmpeg. When a job
needs real motion design — eased entrances, staggered reveals, word-synced kinetic
captions, animated lower-thirds, branded title cards, count-ups — author the graphic as a
Remotion React component (every word/color/beat is a prop, animated over frame), render
it to a transparent layer, then composite with our existing ffmpeg overlay. ffmpeg still
owns the cut, audio, grade, and final encode; Remotion only authors the moving graphic.
⚠ Before using — it's optional and heavy
- Needs Node + npm and a Remotion project (the
remotion/scaffold in this repo). First render downloads a headless Chromium (~150–300 MB). This is a bigger dependency than the whole Python core — like thegrok-video-editvfx extra, it's off by default. - Licensing: Remotion is free for individuals/small teams but companies above a small headcount need a paid seat license — verify before using under a company. (No API key, but a real license gate.)
- Render cost: frame-by-frame Chrome rendering; render the overlay at overlay size/duration only (seconds of a lower-third), never the whole video, to keep it fast.
- If the graphic is static or a simple fade → use
video-overlay, not this.