remotion-desktop-window

name	remotion-desktop-window
description	Build Mac-style desktop open and close animations for short-form videos. Use when a reel should start or end on a fake desktop, open a MOV file into a vertical video window, or loop back to the same desktop frame.

Remotion Desktop Window

Use this skill to make a vertical reel feel like it starts inside a Mac desktop.

Workflow

1. Normalize all iPhone talking-head clips to SDR before using them in the desktop animation.
2. Extract the file preview still from the same SDR-normalized source that will play in the window.
3. Render the opening with captioner/render-desktop-intro.mjs.
4. Render the ending with captioner/render-day5-closing.mjs.
5. Compare the first and final desktop stills. They should match exactly if the reel is meant to loop.

Opening Command

node captioner/render-desktop-intro.mjs \
  --source edits/day_05/canonical/sdr/IMG_0481.full_sdr.mp4 \
  --out edits/day_05/canonical/day_05_intro_sdr_v1.mp4 \
  --wallpaper .context/assets/day_05/desktop_background_1455.jpg \
  --preview .context/assets/day_05/img_0481_icon_still_sdr.jpg \
  --double-click-sound .context/sfx/soundreality_double_mouse_click_381776.mp3 \
  --fullscreen-click-sound .context/sfx/files/oga_100_cc0_sfx_switch_01.wav \
  --file-label day_05.mov \
  --duration 5.86 \
  --video-start 1.5

Closing Command

node captioner/render-day5-closing.mjs \
  --wow edits/day_05/canonical/sdr/IMG_0503.full_sdr.mp4 \
  --principle edits/day_05/canonical/sdr/IMG_0490.full_sdr.mp4 \
  --cta edits/day_05/canonical/sdr/IMG_0506.full_sdr.mp4 \
  --out edits/day_05/canonical/day_05_closing_sdr_v1.mp4 \
  --wallpaper .context/assets/day_05/desktop_background_1455.jpg \
  --preview .context/assets/day_05/img_0481_icon_still_sdr.jpg \
  --shrink-click-sound .context/sfx/universfield_mouse_click_02_short.wav \
  --single-click-sound .context/sfx/universfield_mouse_click_02_short.wav

Timing Rules

• The preview still should stay still until the double-click completes.
• The title card should appear inside the video window while the window is expanding.
• The fullscreen click should land right before the window expands, not after the expansion begins.
• The ending desktop icon position should match the opening icon position exactly.
• If the desktop looks darker at the end, check for an accidental overlay, dim layer, or mismatched exported still.

QA

Render stills at the first frame, the double-click, the title card, the final desktop, and the loop point. Do not approve if the first and last desktop colors or icon positions differ.