Stats
Actions
Tags
From remotion
Remotion video creation in React - compositions, animations, timing, audio/video, captions, 3D. Use when creating programmatic videos, animations, or working with Remotion code.
How this skill is triggered — by the user, by Claude, or both
Slash command
/remotion:remotionThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Create videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.
references/3d.mdreferences/animations.mdreferences/assets.mdreferences/audio.mdreferences/calculate-metadata.mdreferences/can-decode.mdreferences/charts.mdreferences/compositions.mdreferences/display-captions.mdreferences/extract-frames.mdreferences/fonts.mdreferences/get-audio-duration.mdreferences/get-video-dimensions.mdreferences/get-video-duration.mdreferences/gifs.mdreferences/images.mdreferences/import-srt-captions.mdreferences/lottie.mdreferences/maps.mdreferences/measuring-dom-nodes.mdCreate videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.
npx create-video@latest
| 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 |
| 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 |
useCurrentFrame()useFrame() - React Three Fiber's hook causes flickering during renderlayout="none" on <Sequence> inside <ThreeCanvas>npx claudepluginhub ggprompts/my-plugins --plugin remotionProvides best practices for Remotion video creation in React, covering animations, audio, assets, 3D with Three.js, compositions, captions, fonts, Lottie, Tailwind, and timing.
Provides best practices for building videos with Remotion in React. Covers captions, FFmpeg integration, audio visualization, 3D, animations, assets, charts, and more.
Provides Remotion best practices for video creation in React: animation patterns (useCurrentFrame, interpolate, Easing), proper use of Sequence, staticFile, and media components (Img, Video, Audio). Warns against CSS transitions, Tailwind animations.