Remotion Explainer Scenes Synced to Voiceover
Turns a timestamped voiceover into Remotion scenes: frame-exact timeline, one style module, exact charts and counters, and a sync check.
About this skill
When the voiceover is the timeline, scenes drift, counters land late, and colors get hardcoded everywhere. Get a frame-exact timeline, one style module, and scenes that match the narration.
What it does
- Converts transcript timestamps into contiguous frame ranges in one timeline file
- Locks palette, type and motion in a single scene-system module every scene imports
- Writes deterministic scene code: frame-driven animation, clamped interpolation, seeded randomness
- Builds exact charts and counters from your numbers, landing values while they are spoken
- Runs a sync check for gaps, overlaps and overruns before render
What you get
A beats table with frames, sceneSystem.ts, timeline.ts, a master composition with the VO, representative scenes, and a sync check table.
Best for
Explainer and data-story creators who build in Remotion.
SKILL.md preview
---
name: remotion-voiceover-explainer
description: Turn a timestamped voiceover into a Remotion explainer - a beats table converted to exact frame ranges, one scene-system module that locks palette, type and motion, prop-driven scenes with exact charts, counters and captions from the user's real numbers, a master sequence that plays the VO, and a sync check so no scene overruns its narration. Use when the user says "sync my Remotion scenes to the voiceover", "turn this narration into Remotion scenes", "animated chart video in Remotion", "my counters don't match the VO", "explainer graphics as code", "Remotion timeline from an SRT", or "keep the same style across all my Remotion scenes".
… (sign up to view the full skill)More creator skills
View all Creator skills →AI Film Look Bible and Intention Lock
Turns 'make it cinematic' into a locked film bible: ending, camera stance, one light state, measured look, cast, and a contradiction check.
Remotion Product Teaser From Your Website
Turns your site's real logo, colors, copy, and screenshots into a frame-exact storyboard and Remotion code for a 10-60s teaser.
Long-Form to Shorts Clip Finder
Find the moments in a long video, podcast, or post that stand alone, and package them as verbatim clips or scripts with exact cuts.
Remotion Data-Driven Templates and Batch Rendering
Turn one Remotion video into a typed, data-driven template and batch-render one MP4 per CSV or JSON row that survives the ugly rows.