Individual skill

remotion-scene-anatomy

Conventions for building a narrated Remotion video where the audio drives the timeline. Covers timing.ts, beat-local time, gap-fill sequences, and the end-card pattern.

workspaces/voice-driven-animation/skills/remotion-scene-anatomy/SKILL.md

Read pinned source

Source commit 02ba5d85c7871b75c7c702a2d8da6524723d53d4

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 3, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 1,447
Repository last updated: Oct 6, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

remotion,-video,-animation,-narration,-react Declared skill tag
engineering Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 3,673 bytes
SKILL.mdcore · 3,673 bytes
rules/beat-local-time.mddoc · 1,851 bytes
rules/end-card-pattern.mddoc · 2,903 bytes
rules/gap-fill-sequence.mddoc · 2,261 bytes
rules/timing-ts.mddoc · 2,150 bytes

Read excerpt


## When to Use

Use this in Stage 04 after `beat-timings.md` is finalized. This skill encodes the four patterns that make narrated Remotion videos behave correctly:

1. **`timing.ts`** -- a single source of truth for beat boundaries
2. **Beat-local time** -- each scene reads `useCurrentFrame()` inside its `<Sequence>`, so its `T` constants live in beat-local seconds
3. **Gap-fill sequences** -- each scene's `durationInFrames` extends to the next beat's start, with a background `AbsoluteFill` underlay, so no black frames appear between scenes
4. **End-card pattern** -- always lockup + website url, never a tagline overlay

For deeper Remotion API reference, see the upstream `remotion-best-practices` skill in `../../../script-to-animation/skills/remotion-best-practices/`.

## Rules

- [`rules/timing-ts.md`](rules/timing-ts.md) -- the exact `timing.ts` structure