remotion-render
Render Videos from React/Remotion Code
Also available from: inference-sh-8,inference-sh-7
Transform React TSX code into professional MP4 videos using Remotion. Programmatic video generation for developers, content creators, and automation workflows.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
Toggle on and start using
Test it
Using "remotion-render". Render a simple Remotion video with animated text
Expected outcome:
The skill invokes inference.sh API and returns a video file. User receives a downloadable MP4 with the rendered animation.
Using "remotion-render". Create a counter animation from 0 to 100
Expected outcome:
Progress updates stream back during render, then final MP4 is delivered showing the animated counter.
Using "remotion-render". Generate video with custom props
Expected outcome:
The Remotion component receives the props and renders a personalized video with the provided title and subtitle.
Security Audit
SafeAll 43 static findings are false positives. External commands (infsh app run) are hardcoded service invocations, not arbitrary execution. Network requests go to the legitimate inference.sh rendering service. No malicious patterns detected.
Risk Factors
⚙️ External commands (31)
🌐 Network access (8)
Quality Score
What You Can Build
Developer Documentation Videos
Automate creation of tutorial and documentation videos by writing React components instead of using video editors
Social Media Content
Generate animated social media posts, announcements, and promotional videos from code templates
Data-Driven Video Automation
Create videos that visualize data, metrics, or analytics by passing dynamic props to Remotion components
Try These Prompts
Render a video using the remotion-render skill. Create a simple animation with a centered text 'Hello World' that fades in over 3 seconds at 30fps, 1920x1080 resolution.
Use remotion-render to create an animated progress counter from 0 to 100% over 5 seconds at 60fps. The counter should display in the center of a black background with large white text.
Create a remotion-render video with 3 sequential text elements that fade in one after another. Each text should appear for 1 second, creating a sequence animation.
Render a remotion-render video that accepts props for title and subtitle. Pass title='Welcome' and subtitle='Created with AI' to generate a branded opening slide.
Best Practices
- Start with simple animations and gradually add complexity as you learn Remotion APIs
- Use streaming for longer videos to track rendering progress
- Test your TSX code in the Remotion Studio before rendering to catch errors early
- Keep video durations short during development to reduce render time
Avoid
- Do not try to render very long videos (over 60 seconds) without streaming - you will not see progress
- Avoid complex nested animations that exceed the render timeout limits
- Do not pass very large amounts of data as props - keep prop values simple
- Avoid using external images or assets that may fail to load during rendering