SKILL

remotion

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

Target: Design & content creation. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • Remotion - Video Creation in React
  • When to use
  • Core Concepts
  • Key Features
  • How to use
  • Core Animation & Timing
  • Compositions & Metadata
  • Assets & Media

Comprehensive skill set for creating programmatic videos using Remotion, a framework for creating videos programmatically using React. Use this skill whenever you are dealing with Remotion code to obtain domain-specific knowledge about: Creating video compositions with React components Animating elements using frame-based animations Working with audio, video, and image assets Building charts and data visualizations Implementing text animations and captions Using 3D content with Three.js Applying transitions and sequencing Integrating Tailwind CSS and Lottie animations Remotion allows you to create videos using: React Components: Build video content with familiar React syntax Frame-based Animations: All animations driven by useCurrentFrame() hook Compositions: Define video compositions with duration, dimensions, and props Assets: Import and manipulate images, videos, audio, and fonts Rendering: Export videos programmatically with customizable settings Frame-by-frame control over animations Dynamic metadata calculation Media processing (trimming, volume, speed, pitch) Caption generation and display Data visualization with charts 3D content integration Professional text animations Sce

This is an excerpt. Refer to the complete source and its current requirements.

Source repository
davila7/claude-code-templates
Source file
cli-tool/components/skills/video/remotion/SKILL.md
Fixed revision
21be197f100a12b8d0dd9a211cc244c8179f84d3
Read the complete original documentation ↗

Requirements

  • Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.

A small first task

先阅读原作者说明,再决定是否在自己的 AI 工具中使用。

Instructions for your AI tool

Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T15:01:40.757Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.