Agent skill · Frontend

remotion-best-practices

Best practices for Remotion - Video creation in React

ECNU-ICALKgithub.com/ECNU-ICALKGitHub ↗
claude-code
Install
npx skills add ECNU-ICALK/AutoSkill --skill remotion --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 40
SKILL.md size: 4 KB
Bundled scripts: none
Path: SkillBank/Common/remotion-de-skills/remotion/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 539
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

## When to use Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge. ## Captions When dealing with captions or subtitles, load the [./rules/subtitles.md](./rules/subtitles.md) file for more information. ## Using FFmpeg For some video operations, such as trimming videos or detecting silence, FFmpeg should be used. Load the [./rules/ffmpeg.md](./rules/ffmpeg.md) file for more information. ## Audio visualization When needing to visualize audio (spectrum bars, waveforms, bass-reactive effects), load the [./rules/audio-visualization.md](./rules/audio-visualization.md) file for more information. ## How to use Read individual rule files for detailed explanations and code examples: - [rules/3d.md](rules/3d.md) - 3D content in Remotion using Three.js and React Three Fiber - [rules/animations.md](rules/animations.md) - Fundamental animation skills for Remotion - [rules/assets.md](rules/assets.md) - Importing images, videos, audio, and fonts into Remotion - [rules/audio.md](rules/audio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch - [rules/calculate-metadata.md](rules/calculate-metadata.md) - Dynamically set

What's inside
Steps it walks through
  1. When to use
  2. Captions
  3. Using FFmpeg
  4. Audio visualization
  5. How to use
Ships with 24 files
  • rules/3d.md
  • rules/animations.md
  • rules/assets.md
  • rules/assets/charts-bar-chart.tsx
  • rules/assets/text-animations-typewriter.tsx
  • rules/assets/text-animations-word-highlight.tsx
  • rules/audio-visualization.md
  • rules/audio.md
  • rules/calculate-metadata.md
  • rules/can-decode.md
  • rules/charts.md
  • rules/compositions.md
  • rules/display-captions.md
  • rules/extract-frames.md
  • rules/ffmpeg.md
  • rules/fonts.md
  • rules/get-audio-duration.md
  • rules/get-video-dimensions.md
  • rules/get-video-duration.md
  • rules/gifs.md
  • rules/images.md
  • rules/import-srt-captions.md
  • rules/light-leaks.md
  • rules/lottie.md
first 24 of 40
More from AutoSkill
All skills →
About this skill
What does the remotion-best-practices skill do?

Best practices for Remotion - Video creation in React

How do I install it?

Run `npx skills add ECNU-ICALK/AutoSkill --skill remotion --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going