remotion-render
Render Remotion Videos from Code
Also available from: toolshell,inference-sh-9,inferen-sh,inference-sh-6,inference-sh-7,tul-sh,inference-shell,inference-sh-8
Generate MP4 videos programmatically from React/Remotion TSX code without local rendering. This skill handles video encoding, rendering, and hosting through inference.sh CLI.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
Toggle on and start using
Test it
Using "remotion-render". Create a 3-second video with blue background and white text saying 'Hello World' that fades in
Expected outcome:
MP4 video file (1920x1080, 30fps, 3 seconds) showing fade-in animation of white text on blue background, hosted on inference.sh CDN with direct download URL
Using "remotion-render". Generate a bouncing ball animation using spring physics over 2 seconds at 60 FPS
Expected outcome:
Video file (1080x1080, 60fps, 2 seconds) with smooth spring-based bouncing animation, returned with public URL and metadata including duration and file size
Using "remotion-render". Render a data video with title 'Revenue: $50K' and subtitle 'Monthly Growth'
Expected outcome:
Hosted MP4 displaying the provided title and subtitle with fade-in styling, includes video URL, duration (3s), resolution (1920x1080), and render completion status
Security Audit
SafeAll static analysis findings are false positives from a Markdown documentation file. The 'Ruby/shell backtick execution' patterns are bash code examples in fenced code blocks demonstrating CLI usage. URLs are legitimate documentation links to inference.sh and Remotion docs. No malicious intent, prompt injection, or data exfiltration detected.
Risk Factors
⚙️ External commands (1)
🌐 Network access (3)
Quality Score
What You Can Build
Social Media Content Creation
Generate animated video content for social platforms using code templates
Data Visualization Videos
Transform data into animated visual explanations with custom transitions
Automated Video Workflows
Batch generate videos from templates with dynamic data insertion
Try These Prompts
Create a Remotion video with fade-in text that says 'Welcome' on a dark background. Use 3 seconds duration at 30 FPS with 1920x1080 resolution.
Generate a video showing a percentage counter from 0% to 100% over 5 seconds. Use a spring animation for smooth easing. Format as 1080x1080 for square video.
Create a video with three text elements that appear sequentially: 'First' at 0s, 'Second' at 1s, 'Third' at 2s. Each should fade in over 20 frames. Total duration 4 seconds.
Render a video with props { title: 'Sales Report', subtitle: 'Q4 2024' } that displays these values in styled text. Use the interpolate function for smooth fade-in animation.Best Practices
- Test your Remotion components locally using the Remotion CLI before rendering at scale
- Keep video duration under 10 seconds for faster rendering and lower costs
- Use interpolate for smooth value transitions instead of manual calculations
- Optimize images and assets before referencing them in your components
Avoid
- Do not use local file paths for images or assets - all media must use publicly accessible URLs
- Avoid excessively long durations or high FPS unless necessary - this increases render time significantly
- Do not forget to export a default component - the renderer requires exactly one default export