| 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
- Normalize all iPhone talking-head clips to SDR before using them in the desktop animation.
- Extract the file preview still from the same SDR-normalized source that will play in the window.
- Render the opening with
captioner/render-desktop-intro.mjs.
- Render the ending with
captioner/render-day5-closing.mjs.
- 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.
