mcpField
R
remotion-overlay

remotion-overlay

github.com/phamthanhnghiaCreative & media356 installsUpdated 14w ago
Repository

About remotion-overlay

A Remotion workflow for adding timed animated graphics to existing video. It is intended for creators who need cards, lower thirds, callouts, or information popups layered over footage.

Key features

  1. 01Layered React graphics
  2. 02Timestamp-based overlay scheduling
  3. 03Animated cards, lower thirds, and callouts

Use cases

  1. 01Add lower thirds to existing footage
  2. 02Place information cards at specific timestamps

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/phamthanhnghia/remotion-agent-skills --skill remotion-overlay

After installing, type/remotion-overlayin Claude Code to confirm it loaded.

Details

From the project README

Remotion Overlay Workflow

Overlay animated graphic cards, lower thirds, callout badges, and info popups onto existing background video.

Contract & Prerequisites

  • Input: Existing video file + list of overlay graphics and timestamp schedules.
  • Output: Remotion composition rendering background video via <OffthreadVideo> with layered React graphics.
  • Triggers: "add graphic overlays", "annotate video with cards", "lower thirds over video".

Composition Structure

  • <AbsoluteFill> containing <OffthreadVideo src={staticFile('input.mp4')} />.
  • Layered <Sequence> components rendering graphic cards at precise timestamps.

Comments

Markdown supported