skills.rest
zester4
zester4COMMUNITY
Explore all skills by this author →
GitHub

remotion-render

Renders MP4 videos from React and Remotion TSX component code via inference.sh.

2|1|Updated Jun 9, 2026
Search Tags:#react#motion graphics#mp4#remotion#tsx#video rendering#programmatic video
One-click install
npx skills add https://github.com/zester4/zilmate --skill remotion-render-zester4
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion-render
Source: https://github.com/zester4/zilmate/tree/main/.agents/skills/remotion-render
Command: npx skills add https://github.com/zester4/zilmate --skill remotion-render-zester4

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Writing video animations in code is powerful, but rendering Remotion compositions locally requires a full Node.js toolchain, browser binaries, and render infrastructure. This Skill removes that setup by rendering TSX component code to MP4 through the inference.sh cloud service. ## Core Features & Use Cases - Code-to-Video Rendering: Pass React/Remotion TSX code and receive an MP4 video, with support for useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, and Sequence. - Configurable Output: Control resolution, FPS, duration, codec, composition ID, and component props for data-driven videos. - CLI and Python SDK Access: Run renders via the belt CLI or the inferencesh Python SDK, including streaming progress updates. - Use Case: Generate a branded animated intro by passing a TSX component with spring animations and custom title props, then download the resulting 1080p MP4. ## Quick Start Ask the assistant to render a Remotion video from your TSX component code with a specified duration, resolution, and frame rate using the belt CLI.

Frequently Asked Questions about remotion-render

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

FAQPage Schema
How do I render a video from Remotion code without local setup?▼

Pass your TSX component code to the infsh/remotion-render app via the belt CLI or Python SDK. The code must export a default component, and the service returns an MP4 rendered in the cloud.

What Remotion APIs are supported when rendering from code?▼

The renderer supports core Remotion APIs including useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence, Audio, Video, and Img, plus standard React imports like useState and useEffect.

Can I pass dynamic props to a Remotion component?▼

Yes, include a props object in the input JSON and accept those props as parameters in your exported component. This enables data-driven videos where titles, values, or content change per render.

How do I track rendering progress for long videos?▼

Use the Python SDK with stream=True to receive progress updates during rendering. Each update reports a progress percentage, and the final update contains the output video URL.

What video settings can I configure for Remotion renders?▼

You can configure width, height, frames per second, duration in seconds, output codec, and composition ID. All parameters except the component code are optional with sensible defaults.

Related Skills

Explore More Design & Creative Skills→
mylesfranklinmylesfranklin

remotion-core

Create programmatic video compositions with React and Remotion hooks.

Community
Advanced
chmonitorchmonitor
255

website-to-video

Capture websites with headless Chrome and convert them into brand videos.

Official
Advanced
rivaldiekaptrrrrivaldiekaptrrr

fal-ai-media

Generate images, videos, and audio via the fal.ai MCP server.

Community
Advanced
Sma1lboySma1lboy
136

hyperframes

Routes video and animation requests to HyperFrames workflows that render video from HTML compositions.

Community
Advanced