Can I use Tailwind CSS animations with this skill?

No, standard Tailwind or CSS transitions and animations are forbidden because they are not frame-synchronized. You must use useCurrentFrame() and inline styles with Remotion's interpolation engine instead.

What is the 'Golden Rule' of this skill?

The Golden Rule is that ALL animations must be driven by the current frame number (useCurrentFrame) to ensure perfectly smooth, deterministic video renders.

Can I include audio and subtitles in my videos?

Yes, the skill provides technical patterns for integrating @remotion/media for audio tracks and @remotion/captions for synchronized subtitles.

How does the verification workflow work?

The skill enforces a mandatory verification loop where Claude must run a local render command and resolve all errors before notifying you that the video is ready.

Which video formats are supported?

It supports a variety of formats including MP4 (H.264/H.265), WebM (VP9), MOV (ProRes), and GIF for short loops.

Remotion Video Generation

Name: Remotion Video Generation
Author: mquhuy

bymquhuy

•

デザインツール

Generates high-quality MP4 videos from natural language prompts using the Remotion React framework.

This skill empowers Claude to programmatically create and render videos using the Remotion framework. It provides a robust set of rules to ensure frame-synchronized animations by enforcing the use of useCurrentFrame() and interpolate() while prohibiting non-deterministic CSS animations. With built-in CLI support for rendering, codec management, and a mandatory verification workflow, it allows developers to automate video production, create dynamic data visualizations, and generate social media content directly through AI-driven React code.

主な機能

01Programmatic video creation using React components

02Support for multiple codecs including H.264, VP9, and ProRes

031 GitHub stars

04Frame-synchronized animation logic using Remotion's interpolate and spring functions

05Dynamic composition registration and property injection via AI

06Automated CLI rendering workflow with built-in error verification

ユースケース

01Automating social media video content generation from text prompts

02Creating dynamic data visualizations and animated charts for reports

03Generating personalized video greetings or marketing assets at scale

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mquhuy/remotion-skill remotion-skill

For use in Claude.ai and ChatGPT

Download Skill