skills.rest
lidge-jun
lidge-junCOMMUNITY
Explore all skills by this author →
𝕏@claudeebumGitHub

video

Generate and render videos from JSON timelines using Remotion.

5|Updated Feb 26, 2026
Search Tags:#timeline#rendering#video#animation#tts#remotion
One-click install
npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill video-lidge-jun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: video
Source: https://github.com/lidge-jun/cli-jaw-skills/tree/main/video
Command: npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill video-lidge-jun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/genai, @remotion/bundler, @remotion/cli, @remotion/compositor-linux-x64-gnu, @remotion/renderer, react, react-dom, remotion, zod, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables the creation, rendering, and previewing of videos using Remotion, a powerful framework for programmatic video generation.

Core Features & Use Cases

  • JSON-Driven Rendering: Define video timelines and content using JSON for predictable and fast output.
  • Theme System: Ensure consistent visual aesthetics across videos with customizable themes and fonts.
  • TTS Integration: Generate narration using multiple providers (Gemini, Supertone) with voice control and speed adjustments.
  • Use Case: Generate a marketing video for a new product launch, featuring animated text, code snippets, and AI-generated voiceover, all defined by a JSON timeline.

Quick Start

Render a video using the provided timeline file 'timeline.json' with the 'Portrait-1080p' preset.

Frequently Asked Questions about video

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

FAQPage Schema
How do I generate videos programmatically using a JSON timeline definition?▼

To generate videos programmatically, you define a JSON timeline definition to structure content and slides, which the Remotion framework then renders into a final video output.

Can I add AI voiceover and text-to-speech narration to Remotion animations?▼

Yes, you can add text-to-speech narration to Remotion animations by integrating TTS providers like Gemini and Supertone, allowing voice control and speed adjustments for video audio.

What dependencies are required to render Remotion videos locally?▼

Rendering Remotion videos requires Node.js, pnpm, ffmpeg, and ffprobe installed locally to execute the rendering process and validate the final video output successfully.

How do I apply custom themes and fonts to programmatic video generation?▼

You apply custom themes and fonts by utilizing the theme system within the JSON-driven video timeline definition, ensuring consistent visual aesthetics across all rendered slides.

Does Remotion support rendering vertical 1080p video formats for marketing?▼

Yes, Remotion supports rendering vertical 1080p video formats by using built-in presets like Portrait-1080p, ideal for generating marketing videos with animated text and code snippets.

Related Skills

Explore More Design & Creative Skills→
loonghaoloonghao
32

remotion

Create and render videos programmatically using React components and Remotion.

Community
Intermediate
BenAIOSBenAIOS

video

Edit videos with FFmpeg and Remotion for stitching, transitions, captions, and transcription.

Official
Advanced
vercel-labsvercel-labs
15.9k

remotion

Convert JSON timeline specs into playable Remotion video compositions.

Official
Intermediate
gaoqiongxiegaoqiongxie
1

remotion-video

Generate animated MP4 and WebM videos using React and Remotion.

Community
Intermediate