viewing-and-rendering

Previews Remotion compositions, captures still frames, and renders videos to MP4 files.

Updated Sep 22, 2026
One-click install
npx skills add https://github.com/napatne/LIVE-Workspace --skill viewing-and-rendering-napatne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: viewing-and-rendering
Source: https://github.com/napatne/LIVE-Workspace/tree/main/.agents/skills/viewing-and-rendering
Command: npx skills add https://github.com/napatne/LIVE-Workspace --skill viewing-and-rendering-napatne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It removes the guesswork from checking and exporting code-built videos: opening the Remotion preview, finding the right composition, verifying a frame, and producing a finished file all happen through one guided workflow instead of scattered CLI commands. ## Core Features & Use Cases - Preview and Playback: Starts the dev server, navigates the composition list, and plays individual scenes registered in a Scenes folder for fast review loops. - Frame Capture and Rendering: Runs npx remotion render to export MP4 files into out/ and npx remotion still to capture a single frame as a PNG for verification. - Operational Safeguards: Warns that renders leave ~61MB in the system temp directory, that stills go stale after re-timing, and that exported files are the source of truth over the preview. - Use Case: After finishing a Remotion film, ask the assistant to render it; it runs the render command, reports the output path, and flags technical defects like wrong resolution or dropped frames. ## Quick Start Ask the assistant to render the finished composition to an MP4 file and tell you where the exported video was saved.

Frequently Asked Questions about viewing-and-rendering

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render a Remotion video to MP4?▼

Run npx remotion render <Name> out/my-video.mp4 in a second terminal while the preview keeps running. The composition name must match exactly, with no spaces and capitals preserved.

How to capture a single frame from a Remotion composition?▼

Use npx remotion still <Name> out/check.png --frame=180 to export one moment as a PNG image. Note that stills go stale silently once anything in the film is re-timed, so delete them rather than trusting old captures.

Why is my Remotion preview composition list empty?▼

The list looks empty because the folders are closed. Click the arrow beside a folder to open it; each video lives inside its own folder, and every scene is registered separately inside a Scenes folder.

Does Remotion rendering fill up disk space?▼

Yes, every render leaves about 61MB in the system temp directory whether it succeeds or not, and nothing cleans it up automatically. Clear the temp directory occasionally during long re-render sessions.

Why does my exported video differ from the Remotion preview?▼

Where the exported file and the preview disagree, the exported file is the truth because it is what people will actually watch. Verify renders by playing the exported file rather than trusting the preview alone.