Category: Video & Media

Remotion Best Practices

The official Remotion knowledge base for making videos with React, with 30+ rule files on animation, audio, captions, and more.

Works with

Guides animations, transitions, 3D, charts, and text effects
Covers captions, FFmpeg, audio visualization, and sound effects
Computes metadata like duration and size dynamically for parametrized compositions
Integrates Lottie, Mapbox, Tailwind, and AI voiceovers

Keeps your agent on the right APIs and patterns when building data-driven, recap, or marketing videos with Remotion.

Run the command below in your terminal. Pick the agents you use (Claude Code, Codex, Cursor, Gemini CLI, Copilot, and more) and it installs into the right folder.

npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

To install manually, download the remotion-best-practices skill folder from the GitHub repository and copy it into your agent's skills folder, such as ~/.claude/skills/ or .cursor/skills/.
Ask your agent for a related task and the skill is used automatically.

Video & Media
Brag
Reads your project code and turns it into a short, polished launch video with music and motion using HyperFrames.
Video & Media
HyperFrames Video Composition
HeyGen's skill for building videos as HTML with GSAP animations, captions, narration, and scene transitions.
Development
Karpathy Coding Guidelines
Reduces common LLM coding mistakes Andrej Karpathy pointed out by enforcing explicit assumptions, simplicity, and surgical changes.
Productivity
Humanizer
Rewrites AI-sounding text to read like the writer without changing what it says, based on Wikipedia's "Signs of AI writing".