Remotion Render
Skill Verified ActiveRender videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
To enable programmatic video generation directly from React/Remotion component code, facilitating animated graphics, motion design, and data-driven videos.
Features
- Render videos from React/Remotion code
- Supports all Remotion APIs
- Configurable resolution, FPS, duration, codec
- Programmatic video generation
- Output MP4 video files
Use Cases
- Generating animated graphics from code
- Creating motion design elements programmatically
- Producing data-driven videos based on dynamic content
- Converting React animations into video formats
Non-Goals
- Directly editing existing video files
- Real-time video streaming
- Complex video editing workflows beyond component rendering
Workflow
- Login to inference.sh CLI (`belt login`)
- Prepare TSX code for Remotion component
- Specify video parameters (duration, resolution, FPS, etc.)
- Execute the `belt app run infsh/remotion-render` command with code and parameters
- Receive the output MP4 video URL
Versionning
- info:Release ManagementThe README mentions 'refs/heads/main' for install instructions, and while there's a MIT license badge, a clear versioning scheme like semver is not explicitly stated for the skills.
Installation
npx skills add inferen-sh/skillsRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
VerifiedTrust Signals
Similar Extensions
Gsap React
100Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Remotion
99Toolkit-specific Remotion patterns — custom transitions, shared components, and project conventions. For core Remotion framework knowledge (hooks, animations, rendering, etc.), see the `remotion-official` skill.
Openclaw Video Toolkit
99Create professional videos autonomously using claude-code-video-toolkit — AI voiceovers, image generation, music, talking heads, and Remotion rendering.
Hand Drawn Diagrams
100Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity.