animation-sections

What problem does it solve?

Provides a clear, agent-friendly workflow for building animation-only or full-frame opaque overlay sections when a project has no source footage or when you need to fully replace video frames with designed slides, ensuring the render engine can infer duration and produce a consistent output.

Core Features & Use Cases

• JSX overlay authoring: write one JSX file per section and save into overlays/ to define the visual frame.
• Opaque full-frame replacements: overlays marked opaque replace the video frame while preserving source audio, ideal for title cards, stat cards, pull quotes, transitions, and outros.
• Track and timing rules: tracks[0] remains empty for animation projects, primary visuals go in tracks[1], layered elements use higher tracks, and items in the same track must not overlap.
• Persistence and rendering: write tracks to project.json and ensure the highest end timestamp defines total duration; follow absolute paths and icon usage rules for predictable renders.

Quick Start

Write an opaque JSX overlay, save it to overlays/title-card.jsx, set an opaque overlay item in tracks[1] with absolute src and correct start/end times, and persist tracks to project.json.