Leaderboard/Media/remotion-video-skill
Last commit on January 25, 2026·Created on January 25, 2026

wshuyi/remotion-video-skill

Turns React components into frame-perfect MP4 videos.
Combined rank
#578
across all skills
In Media
#35
category rank
Stars
379
+5.0% in last 7d
Forks
65
+4.8% in last 7d
Watchers
7
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill gives Claude the ability to generate programmatic videos using Remotion, a React-based video framework. It handles composition, animation, audio sync, and rendering—supporting use cases from batch data-driven videos to animated tutorials and 3D explainers. It is aimed at content creators, frontend developers, and technical educators who want to produce video content directly from code.

WHO IT'S FOR
Technical Content Creators
creating programmatic explainer videos with Remotion
Data Visualization Engineers
generating data-driven animated videos
Product Marketing Teams
producing 3D product demo videos
AI/ML Educators
visualizing neural network concepts with 3Blue1Brown style
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Claude Code with Edge TTS on macOS

Installs: Entire remotion-video skill folder, configured with the recommended Edge TTS option · Claude Code

Before you start
  • Node.js 18+
  • Python 3.8+ for TTS
  • ffprobe for audio-duration detection

Platform: macOS

  1. In a terminal, clone the repository and copy it into the Claude Code skills directory as remotion-video.

    git clone https://github.com/wshuyi/remotion-video-skill.git
    cp -r remotion-video-skill ~/.claude/skills/remotion-video
  2. In a terminal on macOS, install the documented ffmpeg package associated with the ffprobe requirement.

    brew install ffmpeg
  3. In a terminal, install the Edge TTS Python dependency.

    pip install edge-tts
  4. Restart Claude Code or open a new session.

SKILL.md · Checked Sep 18, 2026README_CN.md · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Create a sales-data animation preview

Uses remotion-video

  • A 2024 sales dataset; replace `[path/to/sales-data.csv]` with its actual path
  • The headline total and chart fields to feature, if they cannot be inferred from the dataset
Use the remotion-video skill to create a short Remotion animation from the 2024 sales data at `[path/to/sales-data.csv]`. Start with one previewable scene that presents the headline total and one animated chart.
SKILL.md · Checked Sep 18, 2026README_CN.md · Checked Sep 18, 2026