create-motion-graphics-remotion

Purpose

Render motion graphics from an approved storyboard.html/manifest.json (produced by create-motion-graphics-storyboard) using Remotion. Remotion is React-based programmatic video: text is real DOM, timing is deterministic frame math, and animation primitives map cleanly onto Spring + interpolate. This avoids the text-hallucination and timing-drift failure modes of pure video-gen models.

The atom can scaffold a fresh Remotion project on first run or reuse an existing one in the run folder. It generates one Scene component per storyboard scene, wires them into a root composition with <Series>, and renders to clips/scene-NN.mp4 (per-scene) plus optionally a stitched master.

Inputs

• A storyboard manifest (scenes array with id, start, end, copy, elements: [{kind, primitive, easing, ...}], music_cue) and optional sharedLayers array describing elements that persist across scene boundaries (see storyboard atom for schema).
• A brand-board manifest (palette + Google Fonts + aesthetic direction).
• Output directory (the run folder). The Remotion project lives at <run>/remotion/.
• Optional --scene <id> to re-render only one scene.
• Optional --fps (default 30) and aspect ratio (default 9:16, 1080x1920).

Workflow