Run any Skill in Manus with one click

remotion-desktop-window

Stars1

Forks1

UpdatedMay 5, 2026 at 21:31

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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

andrewjiang

andrewjiang/andrewislearning

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

File Explorer

2 files

SKILL.md

readonly

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.

More from this repository

same repository

finger-stretch-words

andrewjiang/andrewislearning

Create hand-tracked Remotion word animations that stretch between fingertips or body points. Use for beats like ON-SCREEN ANIMATIONS, WOW, or other words that should physically respond to a gesture.

2026-05-051

remotion-overlay-composite

andrewjiang/andrewislearning

Render Remotion captions and motion components as a transparent overlay and composite them over a locked video base. Use when adding on-screen components, avoiding Remotion flicker, or keeping iPhone SDR color stable.

2026-05-051

cleanvoice-audio

andrewjiang/andrewislearning

Improve short-form video voice audio with Cleanvoice. Use when the user wants studio-quality phone/selfie audio, before/after audio demos, or a timing-preserving voice replacement pass for Reels, TikToks, Shorts, or vertical video.

2026-05-041

flick-transition

andrewjiang/andrewislearning

Plan and build first-last-frame AI video transitions for short-form videos. Use when the user wants a flick, swipe, push, house zoom, portal, or other generated transition between two real clips using Comfy Cloud, Seedance, Kling, Higgsfield, or another first/last frame video model.

2026-05-041

claude-remotion-overlay

andrewjiang/andrewislearning

Build or refine the local Remotion Claude prompt modal overlay for short-form videos. Use when the user asks for a Claude Desktop-style modal, a typed Claude prompt, keyboard typing audio, send-button press/loading animation, or wants to add the `claude_prompt_modal` overlay to a ContentCopilot caption config.

2026-05-011

ffmpeg-remotion-overlay

andrewjiang/andrewislearning

Build or refine the local Remotion FFmpeg cutting modal overlay for short-form videos. Use when the user asks for an ffmpeg process card, command-line video edit visualization, filmstrip, cut-cut animation, removed middle segment, rejoined clip, or wants to add `ffmpeg_cut_modal` to a ContentCopilot caption config.

2026-05-011

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.