Agent skill · Frontend

remotion-best-practices

Best practices for Remotion - Video creation in React

dtsolagithub.com/dtsolaGitHub ↗
claude-codeNOASSERTION
Install
npx skills add dtsola/xiaoyaosearch --skill remotion-best-practices --agent claude-code

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

Facts
Files in the skill folder: 34
SKILL.md size: 4 KB
Bundled scripts: none
Path: .claude/skills/remotion-best-practices/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 1,013
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. ## 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 composition duration, dimensions, and props - [rules/can-decode.md](rules/can-decode.md) - Check if a video can be decoded by the browser using Mediabunny - [rules/charts.md](rules/charts.md) - Chart and data visualization patterns for Remotion - [rules/compositions.md](rules/compositions.md) - Defining compositions, stills, folders, default props and dynamic metadata - [rules/display-captions.md](rules/display-captions.md) - Displaying captions in Remotion with TikTok-style pages and word highlighting - [rules/extract-fra

What's inside
Steps it walks through
  1. When to use
  2. 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.md
  • rules/calculate-metadata.md
  • rules/can-decode.md
  • rules/charts.md
  • rules/compositions.md
  • rules/display-captions.md
  • rules/extract-frames.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/lottie.md
  • rules/maps.md
  • rules/measuring-dom-nodes.md
  • rules/measuring-text.md
first 24 of 34
More from xiaoyaosearch
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 dtsola/xiaoyaosearch --skill remotion-best-practices --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 dtsola/xiaoyaosearch, a repository with 1,013 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