remotion-graphics

Topics in the source

• Animated graphics with Remotion (optional)
• ⚠ Before using — it's optional and heavy
• Default pattern: transparent layer → ffmpeg composite
• Word-synced timing comes from the transcript (cue sheet)
• Tuning knobs + reviewing your own work
• When to reach for it (vs not)

Full Production Studio note: this skill drives the toolkit in agamm/video-agent. Clone that repo and run your agent inside it for the scripts/paths below to work; the guidance itself is usable anywhere. 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. 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 the grok-video-edit vfx 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

This is an excerpt. Refer to the complete source and its current requirements.