PackOfficial

Remotion Agent Skills

remotion-dev/skills

Remotion's own skill set for coding agents that build videos as React code: project setup, markup rules, captions, live preview and rendering to video or stills.

View on GitHub
01Author
Remotion
03Stars
4,815 · as of Oct 3, 2026
04Last updated
Oct 1, 2026
05License
Not declared
06Works with
Claude Code · Codex · Cursor
07Models
Remotion · Mediabunny
08Content language
English
09Domains
AI video
10Stages
Editing
SC 01Overview

What it does

Installs a router skill, remotion-best-practices, that sends the agent to one of eleven focused skills depending on the task. They cover scaffolding a project and composition, writing frame-driven React markup, transcribing audio into JSON captions and animating them, reading media metadata with Mediabunny, building map animations, opening Remotion Studio for a live preview, and rendering videos or stills from the CLI. The rest handle docs lookup, making markup editable in Studio, embedding the Player in an app and upgrading Remotion. This is code-driven video rather than generated footage, so it suits titles, explainers, subtitles and compositing steps; it needs Node.js, and caption transcription runs Whisper on a local GPU.

Included skills

  • remotion-best-practices
  • remotion-create
  • remotion-markup
  • remotion-interactivity
  • remotion-studio
  • remotion-render
  • remotion-captions
  • remotion-multimedia
  • remotion-maps
  • remotion-saas
  • remotion-docs
  • remotion-upgrade
SC 02Install

How to install it

  • 01From the README

    The install command quoted from the repository README.

    npx skills add remotion-dev/skills
  • 02Claude Code, skills folder

    Copy the skill's folder, the one that holds SKILL.md, into ~/.claude/skills/ to use it in every project on your machine, or into .claude/skills/ in a repository to use it there and share it by committing it. Claude Code picks up changes to these folders during a session. If the folder did not exist when the session started, run /reload-skills.

  • 03Claude Code, plugin marketplace

    Some repos publish a plugin marketplace, a .claude-plugin/marketplace.json file. Add it in Claude Code, then install a plugin from it with /plugin install plugin-name@marketplace-name. Plugins can bundle hooks and MCP servers along with skills, so read the details panel before you confirm.

    /plugin marketplace add remotion-dev/skills
  • 04Codex, skills folder or $skill-installer

    Codex reads skills from .agents/skills in your working folder and its parent folders up to the repository root, and from $HOME/.agents/skills for every repository. Copy the skill's folder into one of them, or run $skill-installer inside Codex and ask it to install from the repo. Codex detects new skills automatically and needs a restart only if one does not appear.

The first command is quoted from the author's README. The others are the standard ways to install a skill from a GitHub repository. They are templates and may not apply here, for example if the repo has no plugin marketplace, so follow the README first.

SC 03Guide

How to get the most from it

Good for

  • Titles, explainers, lower thirds and animated subtitles that need exact timing and repeatable output.
  • Adding captions to an AI-generated clip: transcribe its audio, then style and animate the text in code.
  • Combining AI clips, voice-over and graphics into one composition that you can re-render after every edit.
  • Teams that want an agent to edit video through code while a live preview lets them check each change.

Watch out for

  • It does not generate footage. Bring your own clips, images and audio, or pair it with a video-generation skill.
  • The skills repo declares no license on GitHub, and Remotion itself has separate terms: free for individuals, non-profits and for-profit companies with up to three employees, with a company license required for larger for-profit organizations. Check the terms before commercial use.
  • Needs Node.js. Local caption transcription requires a compatible GPU and does not work on Linux arm64.

Typical workflow

01Step
Run npx skills add remotion-dev/skills in your project, then start a new agent session.
02Step
Describe the video you want, such as a title card or an explainer. The router loads the create skill to scaffold a project and a composition.
03Step
The agent opens Remotion Studio and keeps it open while it writes the React markup, so you can watch the preview and steer.
04Step
If the video needs captions, ask for them: the agent transcribes the audio into JSON captions and animates them on screen.
05Step
Ask explicitly for the final render. By default the skills show a preview rather than rendering, and the render skill then exports video or stills with the Remotion CLI.
SC 04Fit

Where it fits in a film pipeline

The production stages this skill covers, and where Pencil0 picks up.

SC 05Related

Related skills

  • Pack

    OpenMontage

    calesthio/OpenMontage

    An open-source repo in which a coding agent directs video production through staged pipelines, with a large set of skills on video-model APIs, music, speech, editing and composition.

    • Pipeline
    • Generation
    • Editing
    62.4kGitHub starsUpdated Sep 2026
  • OfficialPack

    HyperFrames Skills

    heygen-com/hyperframes

    HeyGen's 21 skills for its open-source HTML-to-video framework: an agent plans, codes and renders explainers, launch videos, captions and music-synced clips as deterministic MP4s.

    • Editing
    • Pipeline
    • Audio
    55.8kGitHub starsUpdated Oct 2026
  • video-use

    browser-use/video-use

    A skill that lets a coding agent edit raw footage by conversation: it cuts from a word-level transcript, grades color, adds overlay animations and subtitles, then checks its own render.

    • Editing
    • Audio
    27.9kGitHub starsUpdated Oct 2026
  • OfficialPack

    AiToEarn video agent skills

    yikart/AiToEarn

    Video-focused SKILL.md files from the AiToEarn content agent, led by a short-drama recap skill that submits clips for AI narration and voice-over; they rely on the platform's own tool calls.

    • Editing
    • Audio
    • Generation
    26.2kGitHub starsUpdated Sep 2026
  • JianYing Editor Skill

    luoluoluo22/jianying-editor-skill

    Lets a coding agent script the desktop JianYing Pro app (CapCut's China edition): import media, add subtitles, TTS voiceover, music, effects and keyframes into an editable draft.

    • Editing
    • Audio
    3.7kGitHub starsUpdated Sep 2026
  • OfficialPack

    FireRed-OpenStoryline

    FireRedTeam/FireRed-OpenStoryline

    A conversational video-editing agent whose editing workflows ship as skills, plus two skills that let Claude Code or OpenClaw install it and run an editing session.

    • Editing
    • Audio
    3.5kGitHub starsUpdated Jul 2026

This is a third-party skill. It is not maintained or audited by Pencil0, and skills can run scripts on your machine, so read the SKILL.md and any scripts before installing. Stars, license and dates are a GitHub snapshot and may be out of date.