Agent skill · software engineering · remotion-dev
homepage-video-assets
Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets hosted on remotion.media.
Why this skill is useful
Adds executable scripts for rendering and converting video assets specifically for Remotion, which are not commonly found in public documentation.
What it needs
Requires avconvert, bun, ffmpeg installed locally. About 1k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.
What this skill does
Homepage Video Assets Use this workflow for homepage creator strip assets such as: homepage-assets-master editing-vp9-chrome / editing-safari what-is-remotion Workflow 1. Render a fresh transparent ProRes 4444 master from packages/brand. 2. Convert from the ProRes master, not from a previous WebM/MOV. Chrome WebM: Safari MP4: 3. Use the offload-r2 skill to upload both outputs under homepage/ with new versioned keys, verify their public SHA-256 hashes, and update the URLs in the relevant homepage consumers. Keep the rendered binaries out of Git. Verification Verify the ProRes master has real alpha before converting, and inspect the Safari MP4: The master should report prores (4444) and a yuva... pixel format. alphaextract should succeed, and the alpha image should not be fully opaque. A common failure mode is alphaextract succeeding but every sampled pixel is opaque; in that case, the master was rendered with a black/opaque background or a stale opaque master was reused. Verify the Chrome WebM and Safari MP4 are exactly 540x540: The Safari MP4 should look like the known-good file shape: majorbrand: mp42, compatiblebrands: isommp41mp42, Video: hevc (Main) (hvc1), 540x540, and handlername: Core Media Video. If it reports h264 (avc1) or dimensions such as 960x540, it is the wrong file and will render differently in Safari. Do not add ProRes .mov files to the homepage PR; they are too large. Safari should use the small .mp4 fallback. Chrome should use the transparent .webm.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/homepage-video-assets