Skill

remotion

Remotion video creation in React - compositions, animations, timing, audio/video, captions, 3D. Use when creating programmatic videos, animations, or working with Remotion code.

From remotion

Install

Run in your terminal

npx claudepluginhub ggprompts/my-plugins --plugin remotion

Tool Access

This skill uses the workspace's default tool permissions.

Supporting Assets

View in Repository

references/3d.md

references/animations.md

references/assets.md

references/audio.md

references/calculate-metadata.md

references/can-decode.md

references/charts.md

references/compositions.md

references/display-captions.md

references/extract-frames.md

references/fonts.md

references/get-audio-duration.md

references/get-video-dimensions.md

references/get-video-duration.md

references/gifs.md

references/images.md

references/import-srt-captions.md

references/lottie.md

references/maps.md

references/measuring-dom-nodes.md

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.

plugin-eval

32.9k

Stats

Parent Repo Stars3

Parent Repo Forks0

Last CommitJan 26, 2026

Actions

View Source View Plugin View on GitHub View README

Concept

Reference

Compositions & structure

@references/compositions.md

Animation fundamentals

@references/animations.md

Timing & interpolation

@references/timing.md

Sequencing patterns

@references/sequencing.md

Transitions

@references/transitions.md

Trimming

@references/trimming.md

Topic

Reference

Videos

@references/videos.md

Audio & sound

@references/audio.md

Images

@references/images.md

GIFs

@references/gifs.md

Assets (importing)

@references/assets.md

Fonts

@references/fonts.md

Topic

Reference

Display captions

@references/display-captions.md

Import SRT files

@references/import-srt-captions.md

Transcribe audio

@references/transcribe-captions.md

Text animations

@references/text-animations.md

Measuring text

@references/measuring-text.md

Topic

Reference

3D with Three.js

@references/3d.md

Charts & data viz

@references/charts.md

Lottie animations

@references/lottie.md

Maps (Mapbox)

@references/maps.md

Parameters (Zod)

@references/parameters.md

Calculate metadata

@references/calculate-metadata.md

TailwindCSS

@references/tailwind.md

Utilities

Topic

Reference

Get video duration

@references/get-video-duration.md

Get video dimensions

@references/get-video-dimensions.md

Get audio duration

@references/get-audio-duration.md

Extract frames

@references/extract-frames.md

Check decode support

@references/can-decode.md

Measure DOM nodes

@references/measuring-dom-nodes.md

Key Rules

No self-animating content - All animations must be driven by useCurrentFrame()

Never use useFrame() - React Three Fiber's hook causes flickering during render

Sequence layout - Use layout="none" on <Sequence> inside <ThreeCanvas>

Declarative animations - Write animations in markup, not imperative loops

Remotion Best Practices

Create videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.

Quick Start

npx create-video@latest

Core Concepts

Concept	Reference
Compositions & structure	@references/compositions.md
Animation fundamentals	@references/animations.md
Timing & interpolation	@references/timing.md
Sequencing patterns	@references/sequencing.md
Transitions	@references/transitions.md
Trimming	@references/trimming.md

Media

Topic	Reference
Videos	@references/videos.md
Audio & sound	@references/audio.md
Images	@references/images.md
GIFs	@references/gifs.md
Assets (importing)	@references/assets.md
Fonts	@references/fonts.md

Captions & Text

Topic	Reference
Display captions	@references/display-captions.md
Import SRT files	@references/import-srt-captions.md
Transcribe audio	@references/transcribe-captions.md
Text animations	@references/text-animations.md
Measuring text	@references/measuring-text.md

Advanced

Topic	Reference
3D with Three.js	@references/3d.md
Charts & data viz	@references/charts.md
Lottie animations	@references/lottie.md
Maps (Mapbox)	@references/maps.md
Parameters (Zod)	@references/parameters.md
Calculate metadata	@references/calculate-metadata.md
TailwindCSS	@references/tailwind.md

Utilities

Topic	Reference
Get video duration	@references/get-video-duration.md
Get video dimensions	@references/get-video-dimensions.md
Get audio duration	@references/get-audio-duration.md
Extract frames	@references/extract-frames.md
Check decode support	@references/can-decode.md
Measure DOM nodes	@references/measuring-dom-nodes.md

Key Rules

No self-animating content - All animations must be driven by useCurrentFrame()
Never use useFrame() - React Three Fiber's hook causes flickering during render
Sequence layout - Use layout="none" on <Sequence> inside <ThreeCanvas>
Declarative animations - Write animations in markup, not imperative loops