remotion-video

Create, edit, and render Remotion React video projects to MP4 in the workspace.

154|27|Updated Aug 3, 2026
One-click install
npx skills add https://github.com/openvetta/open-vetta --skill remotion-video-openvetta
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion-video
Source: https://github.com/openvetta/open-vetta/tree/main/packages/plugins/presets/remotion-renderer/agent/skills/remotion-video
Command: npx skills add https://github.com/openvetta/open-vetta --skill remotion-video-openvetta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires remotion, @remotion/cli, react, react-dom, typescript.

What problem does it solve? Producing programmatic videos, motion graphics, and animated explainers normally requires manual video editing or complex render pipelines. This Skill lets you build Remotion React compositions directly in your conversation workspace and render them to MP4 without leaving the chat. ## Core Features & Use Cases - Project scaffolding: Creates a standard TypeScript Remotion project (baseline version 4.0.507) in the workspace root when none exists, or preserves and edits an existing project. - Composition authoring: Builds animations with deterministic Remotion APIs like useCurrentFrame(), interpolate(), spring(), and <Sequence>, with staticFile() support for media in public/. - MP4 rendering: Calls the render_remotion_video tool with a Composition id and JSON input props to produce H.264 MP4 output in the out/ directory. - Use Case: Ask for a 15-second animated data video showing quarterly sales growth; the Skill scaffolds the project, writes the composition, installs dependencies, and renders out/main.mp4. ## Quick Start Ask the agent to create a Remotion video project in this workspace and render an animated intro video to MP4.

Frequently Asked Questions about remotion-video

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

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

Call the render_remotion_video tool with the exact Composition id, input props, and an output name. The renderer uses the project-local Remotion CLI with src/index.ts as the default entry point and writes H.264 MP4 files to the out/ directory.

How do I create a Remotion project in an existing workspace?▼

Treat the workspace root as the project root and scaffold a standard TypeScript Remotion project there with src/index.ts calling registerRoot(). Use the pinned baseline versions: remotion and @remotion/cli 4.0.507 with react 19.1.1, then run npm install.

Does the Remotion renderer support output formats other than MP4?▼

No, the renderer writes only MP4 with H.264 encoding in this version. Other codecs or container formats are not available through the render_remotion_video tool.

Why does my Remotion render fail with composition errors?▼

Renders fail when the Composition id does not match, dependencies are missing, or the source has TypeScript errors. Fix the reported source or dependency issues and retry; every package imported by the composition must be installed before rendering.

Can I use Bun instead of npm to install Remotion dependencies?▼

No, use npm install for dependencies. Vetta Desktop guarantees managed Node and npm, but Bun is not guaranteed to be available to the packaged app.