Agent skill · remotion-dev
timeline-layout-reveal
Capture matching 2x Remotion Studio timeline screenshots and make a before/after crop reveal in packages/brand. Use for timeline layout comparison videos, including recapturing a historical layout.
What it needs
About 2k tokens when loaded.
What this skill does
Timeline Layout Reveal Use packages/brand/src/TimelineLayoutReveal.tsx and its registration in packages/brand/src/Root.tsx. Save screenshots outside Git, then use offload-r2 to upload them under versioned timeline-reveal/ keys. Update the composition's image URLs after verifying the public SHA-256 hashes. Matching captures Capture the requested composition from packages/jonnys-videos. Start Studio with bunx remotion studio --no-open --port=<free-port> and open the printed URL. For the existing reveal, use RollerSkiCommute-new, frame 2025: the cow close-up. Confirm the cow still appears there if the composition has changed. The approved framing is a 1280 × 800 CSS viewport at device scale factor 2, with a 336-pixel timeline panel. This gives a MacBook-like 16:10 screenshot and a timeline 30% shorter than the original 480-pixel panel. Adapt these values when the user requests different framing. A 2x capture must contain 2560 × 1600 pixels; changing only the CSS viewport size is insufficient. Keep the viewport, panel split, timeline zoom, scroll position, playhead, and selection identical between captures. Zoom out to show the entire horizontal duration. Capture the full Studio viewport when the composition preview should remain visible; capture only the timeline when requested. Move the pointer away from the timeline to avoid hover feedback and tooltips. Wait for the composition, timeline activity scan, thumbnails, and waveforms to load. Empty render-delay handles alone do not establish that timeline media has finished loading: inspect a screenshot before saving the final captures. Historical before view Inspect the flags and source at both revisions. Main now enables tracks by default, so disabling sequence activity on current main does not recreate the original staircase layout. The existing before capture used revision 836e5f3597f90cb7b24a5de89b501e89942b0f41 with both experimental tracks and sequence activity disabled. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/timeline-layout-reveal