Remotion Render

Turns React and Remotion TSX code into rendered MP4 videos through inference.sh. You write components using Remotion's hooks like useCurrentFrame, interpolate, and spring, pass the code as a string, and get back a video file. Useful when you need programmatic video generation, like animated counters, data visualizations, or templated social media clips where code is easier than a timeline editor. Supports all the standard Remotion APIs and lets you configure resolution, FPS, duration, and codec. The examples show fade-ins, spring animations, and sequences, which gives you a good sense of what's possible. It's basically Remotion as a service, so you don't need to set up the toolchain yourself.

skills.sh installs: 23.4K
GitHub stars: 437
last updated: May 16, 2026

View on GitHub

Install

$ npx -y skills add inference-sh-skills/skills --skill remotion-render --agent claude-code

Installs into .claude/skills of the current project.

Files

Install the belt CLI skill: npx skills add belt-sh/cli

Remotion Render

Render videos from React/Remotion component code via inference.sh CLI.

Remotion Render

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

# Render a simple animation
belt app run infsh/remotion-render --input '{
  "code": "import { useCurrentFrame, AbsoluteFill } from \"remotion\"; export default function Main() { const frame = useCurrentFrame(); return <AbsoluteFill style={{backgroundColor: \"#000\", display: \"flex\", justifyContent: \"center\", alignItems: \"center\"}}><h1 style={{color: \"white\", fontSize: 100, opacity: frame / 30}}>Hello World</h1></AbsoluteFill>; }",
  "duration_seconds": 3,
  "fps": 30,
  "width": 1920,
  "height": 1080
}'