skillhub

remotion-best-practices✓ Pass

Router for all Remotion skills

63out of 100
56.6k
★ stars
58
↓ downloads
159
◉ views

// Install Skill

Install Skill

Skills are third-party code from public GitHub repositories. SkillHub scans for known malicious patterns but cannot guarantee safety. Review the source code before installing.

Install globally (user-level):

npx skillhub install remotion-dev/remotion/remotion-best-practices

Install in current project:

npx skillhub install remotion-dev/remotion/remotion-best-practices --project

skill.install.customTargetHelp

npx skillhub install remotion-dev/remotion/remotion-best-practices --target-dir /path/to/skills

Suggested path: ~/.claude/skills/remotion-best-practices/

AI Review

63
out of 100
Instruction Quality72
Description Precision60
Usefulness53
Technical Soundness70

Scored 63 for a comprehensive Remotion contributing skill with 41 files and 3 working TSX implementations. Hub-and-spoke architecture enables efficient on-demand loading. Generality = 30 (remotion contributors only) limits usefulness score.

productioncomplexremotion-developersvideo-creatorsremotionvideo-creationreact-videoanimation
Reviewed by claude-code on 4/12/2026

⚠ Review based on previous version

SKILL.md Content

---
name: remotion-best-practices
description: Router for all Remotion skills
version: 4.0.512
---

## Preserve user changes

Users may make edits in the code outside of the conversation.

If you detect a surprising change made in the meanwhile, don't overwrite it, assume it was intentional or ask for confirmation.

## Creating a video

If the user asks to make, create, or build a new video or composition, load [Create a new Remotion video](./remotion-create/SKILL.md), whether or not a Remotion project already exists.

## New project setup

If no Remotion project currently exists, load [Create a new Remotion project](./remotion-create/SKILL.md)

## React Markup Best Practices

If you are writing Remotion React Markup, load [Remotion Markup Best Practices](./remotion-markup/SKILL.md)

## Maps

For static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load [Remotion Maps](./remotion-maps/SKILL.md).

## Multimedia

For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load [Remotion Multimedia](./remotion-multimedia/SKILL.md)

## Improving Interactivity

By structuring the Remotion markup well, we can allow users to interactively change things in the Studio and write back to code. If relevant: [Interactivity Best Practices](./remotion-interactivity/SKILL.md)

## Rendering

For advanced rendering beyond simple `npx remotion render`, see: [Rendering Best Practices](./remotion-render/SKILL.md)

## Opening Remotion Studio

To launch a project in Remotion Studio, open its exact local URL, or configure Studio CLI flags, load [Remotion Studio](./remotion-studio/SKILL.md).

## Captions

When working with Captions, load [Remotion Captions](./remotion-captions/SKILL.md).

## Creating a SaaS, automation or application

Use the [Remotion SaaS skill](./remotion-saas/SKILL.md) for knowledge about Remotion-powered SaaS apps, such as `<Player>`, rendering on Lambda, Vercel, Cloudflare, via Express.js, client-side rendering, or for finding the right SaaS template.

## Looking up Remotion APIs and documentation

To find and read current Remotion documentation, load [Remotion Docs](./remotion-docs/SKILL.md).

## Upgrading

To upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills, load [Remotion Upgrade](./remotion-upgrade/SKILL.md).

License

No license was declared in this skill's source.

The full license text is available in the source repository.

View the license in the source repository — the version published there is authoritative.