skills.rest
wshuyi
wshuyiCOMMUNITY
Explore all skills by this author →
GitHub

remotion-video

Generate videos programmatically with Remotion and React components.

331|58|Updated Jan 25, 2026
Search Tags:#automation#react#tts#scenes#remotion#video-generation
One-click install
npx skills add https://github.com/wshuyi/remotion-video-skill --skill remotion-video-wshuyi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion-video
Source: https://github.com/wshuyi/remotion-video-skill/tree/main
Command: npx skills add https://github.com/wshuyi/remotion-video-skill --skill remotion-video-wshuyi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires edge-tts, requests.

What problem does it solve?

This Skill enables developers and creators to programmatically generate videos using Remotion and React, eliminating manual, repetitive video production tasks and enabling automated workflows.

Core Features & Use Cases

  • Programmatic video creation: Build scenes with React components, enabling rapid iteration and consistent output.
  • AI voice integration: Use Edge TTS or MiniMax TTS to generate synchronized narration for tutorials, data stories, and music visualizations.
  • Scene-driven timing: Automatically align visuals with audio length for tutorial or data-visualization videos, including subtitles and animation support.
  • Use cases: Generate batch videos, data-driven explainers, and AI-narrated tutorials.

Quick Start

Trigger the skill by saying one of the activation phrases: "用代码做视频", "编程视频", "Remotion", or "/remotion-video". Then create a new Remotion-based video project following the recommended project structure (src, public/audio, scripts, etc.). Install dependencies and run the development server to preview and render.

Frequently Asked Questions about remotion-video

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

FAQPage Schema
How do I automate video generation using React components?▼

Automate video generation using React by programmatically building scenes with Remotion, enabling rapid iteration and consistent output for automated video production workflows.

Can I add AI voice narration to a Remotion video project?▼

Add AI voice narration to Remotion videos by configuring audio synthesis via Edge TTS or MiniMax TTS to generate synchronized narration for tutorials and data visualizations.

What is the best way to align scene timing with audio length in Remotion?▼

Align scene timing with audio length in Remotion using scene-driven timing to automatically match visuals with AI voice options for data-driven explainer videos.

Does Remotion support batch video production for data visualizations?▼

Remotion supports batch video production for data visualizations by allowing developers to programmatically generate scenes with React components for automated workflows.

Do I need edge-tts to programmatically craft Remotion videos?▼

You need edge-tts to enable configurable audio synthesis via Edge TTS when programmatically crafting Remotion videos with AI-narrated tutorials and music visualization.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
FreedomLabNYCFreedomLabNYC

programmatic-video

Generate deterministic video content using Three.js, Remotion, and FFmpeg.

Official
Advanced
digitalsambadigitalsamba
1.9k

remotion

Compose React components into frame-driven timelines and render videos programmatically.

Official
Intermediate
CodingHeaderCodingHeader

remotion-video

Compose React components into MP4 videos with scene-driven timing.

Community
Advanced