Can this skill help with 3D animations in video?

Yes, it includes specific guidelines for integrating 3D content using Three.js and React Three Fiber within the Remotion timeline.

How does it handle video performance and metadata?

The skill includes rules for using Mediabunny to check decodability, extract frames, and dynamically set composition duration and dimensions based on input assets.

What is the Remotion Best Practices skill for Claude Code?

It is a specialized capability that provides Claude with the domain-specific rules and implementation patterns needed to build complex videos using the Remotion framework and React.

Does it support automated subtitle and caption workflows?

Absolutely. It provides best practices for importing SRT files, transcribing audio, and creating stylized, synchronized captions for platforms like TikTok.

Remotion Video Best Practices

Name: Remotion Video Best Practices
Author: claudiodearaujo

byclaudiodearaujo

0•

设计工具

Provides expert guidance and implementation patterns for creating professional programmatic videos using Remotion and React.

This skill equips Claude with comprehensive domain knowledge of Remotion, enabling it to assist in the programmatic creation of videos using React. It covers everything from basic animations and sequencing to advanced features like 3D integration with Three.js, dynamic metadata calculation, automated captioning, and asset management. Whether you are building a video-as-a-service platform or automating social media content, this skill ensures you follow best practices for performance, timing, and composition structure to create high-quality, render-ready video projects.

主要功能

013D content integration using Three.js and React Three Fiber

02Complex asset management for audio, video, Lottie, and GIF synchronization

03Dynamic composition metadata calculation for variable dimensions and duration

04Advanced animation and interpolation logic including easing and spring physics

05Automated captioning, SRT importing, and TikTok-style word highlighting

060 GitHub stars

使用场景

01Developing personalized video-as-a-service (VaaS) platforms with React

02Building automated video generation pipelines for social media platforms

03Creating dynamic data visualizations and programmatic charts for video reports

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front remotion-best-practices

For use in Claude.ai and ChatGPT

Download Skill

主要功能

013D content integration using Three.js and React Three Fiber

02Complex asset management for audio, video, Lottie, and GIF synchronization

03Dynamic composition metadata calculation for variable dimensions and duration

04Advanced animation and interpolation logic including easing and spring physics

05Automated captioning, SRT importing, and TikTok-style word highlighting

060 GitHub stars

使用场景

01Developing personalized video-as-a-service (VaaS) platforms with React

02Building automated video generation pipelines for social media platforms

03Creating dynamic data visualizations and programmatic charts for video reports

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front remotion-best-practices

For use in Claude.ai and ChatGPT

Download Skill