video

Generate and render videos from JSON timelines using Remotion.

5|Updated Feb 26, 2026

Search Tags:#timeline #rendering #video #animation #tts #remotion

Ready to run

npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill video-lidge-jun

💬 Prompt for ChatGPT / Claude Chat▼

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.