remotion-video

Automates MP4 video creation from React components using Remotion and synchronized TTS audio workflows.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/GoooIce/remotion-video --skill remotion-video-goooice
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: remotion-video
Source: https://github.com/GoooIce/remotion-video/tree/main/skills/remotion-video
Command: npx skills add https://github.com/GoooIce/remotion-video --skill remotion-video-goooice

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables developers to create videos programmatically using the Remotion framework by composing React components into video scenes, reducing manual setup and enabling automated production of tutorials, data visualizations, and AI voiceover workflows.

Core Features & Use Cases

  • Programmatic video creation: Build MP4 outputs by defining scenes as React components.
  • TTS integration: Supports MiniMax, Edge TTS, and vLLM-Omni Qwen3-TTS for AI voiceovers synchronized with video.
  • Project automation: Includes scripts and templates to initialize projects, generate audio, and render videos for scalable workflows.
  • Use Case: Automate a 5–10 minute tutorial by generating scenes and corresponding audio, then rendering a polished video with synchronized narration.

Quick Start

Trigger the skill with phrases like "用代码做视频" or "/remotion-video" to start; follow the commands:

  • /video:init to scaffold a Remotion project
  • Use the provided scripts (e.g., scripts/generate_audio_minimax.py, scripts/generate_audio_edge.py, or scripts/generate_audio_qwen.py) to produce audio
  • /video:render to render the final MP4 file

Frequently Asked Questions about remotion-video

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

FAQPage Schema
How do I create MP4 videos programmatically using React components?

To create MP4 videos programmatically using React components, this Skill uses the Remotion framework to compose React components into video scenes, automating the rendering process for tutorials and data visualizations.

How do I synchronize AI voiceovers with video scenes in Remotion?

To synchronize AI voiceovers in Remotion, you generate audio using provided TTS scripts like MiniMax, Edge TTS, or vLLM-Omni, which then align with your React-defined visual scenes during the rendering workflow.

What do I need to set up before automating video creation with Remotion?

Before automating video creation with Remotion, you need a Node.js environment with Remotion installed and access to configured TTS tools to generate audio files and update scene configurations.

Can I use MiniMax or Edge TTS for generating voiceovers in a programmatic video workflow?

Yes, you can use MiniMax or Edge TTS for generating voiceovers in a programmatic video workflow, as the Skill provides specific Python scripts to produce audio that synchronizes with your Remotion scenes.

What is the best way to automate a tutorial video with AI narration?

The best way to automate a tutorial video with AI narration is by scaffolding a Remotion project, generating corresponding audio with TTS scripts, and rendering the final MP4 with synchronized voiceover.

Does programmatic video generation with Remotion support data visualization workflows?

Yes, programmatic video generation with Remotion supports data visualization workflows by allowing you to define data-driven scenes as React components and render them into a polished MP4 output.