Individual skill

remotion

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

cli-tool/components/skills/video/remotion/SKILL.md

Read pinned source

Source commit ad81bf053f80b626801decf425f501ba49983d98

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 33,199
Repository last updated: Nov 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

anthropic Repository topic
anthropic-claude Repository topic
claude Repository topic
claude-code Repository topic
agent-skills Repository topic
ai-agents Repository topic
claude-code-plugins Repository topic
cli Repository topic
mcp Repository topic
registry Repository topic
video Declared skill tag
react Declared skill tag
animation Declared skill tag
remotion Declared skill tag
composition Declared skill tag
media Declared skill tag
3d Declared skill tag
audio Declared skill tag
captions Declared skill tag
charts Declared skill tag
lottie Declared skill tag
tailwind Declared skill tag
engineering Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 6,323 bytes
references/3d.mddoc · 2,290 bytes
references/animations.mddoc · 790 bytes
references/assets.mddoc · 1,590 bytes
references/assets/charts/bar-chart.tsxruns · 3,429 bytes
references/assets/text-animations-typewriter.tsxruns · 2,183 bytes
references/assets/text-animations-word-highlight.tsxruns · 2,387 bytes
references/audio.mddoc · 3,822 bytes
references/calculate-metadata.mddoc · 2,920 bytes
references/can-decode.mddoc · 1,587 bytes
references/charts.mddoc · 1,751 bytes
references/compositions.mddoc · 3,445 bytes
references/display-captions.mddoc · 3,698 bytes
references/extract-frames.mddoc · 5,496 bytes
references/fonts.mddoc · 3,484 bytes
references/get-audio-duration.mddoc · 1,354 bytes
references/get-video-dimensions.mddoc · 1,627 bytes
references/get-video-duration.mddoc · 1,341 bytes
references/gifs.mddoc · 3,868 bytes
references/images.mddoc · 2,783 bytes
references/import-srt-captions.mddoc · 2,113 bytes
references/lottie.mddoc · 1,779 bytes
references/measuring-dom-nodes.mddoc · 974 bytes
references/measuring-text.mddoc · 3,000 bytes
references/sequencing.mddoc · 2,389 bytes
references/tailwind.mddoc · 422 bytes
references/text-animations.mddoc · 700 bytes
references/timing.mddoc · 3,939 bytes
references/transcribe-captions.mddoc · 850 bytes
references/transitions.mddoc · 3,730 bytes
references/trimming.mddoc · 1,210 bytes
references/videos.mddoc · 3,509 bytes

Read excerpt


# Remotion - Video Creation in React

Comprehensive skill set for creating programmatic videos using Remotion, a framework for creating videos programmatically using React.

## When to use

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