Agent skill

Remotion Production

by DojoCodingLabs in DojoCodingLabs/remotion-superpowers

Full video production workflow for Remotion projects. An agent skill from DojoCodingLabs/remotion-superpowers.

MITAuto-check passedMedia & Creative

Install Remotion Production

skills CLI
$ npx skills add DojoCodingLabs/remotion-superpowers --skill remotion-production -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install DojoCodingLabs/remotion-superpowers remotion-production --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/DojoCodingLabs/remotion-superpowers.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/remotion-production .claude/skills/remotion-production && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
remotion-production
GitHub stars
130
Token cost
~1.1k tokens
SKILL.md length
470 words
Files
19
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

Full video production workflow for Remotion projects. An agent skill from DojoCodingLabs/remotion-superpowers.

  • Works in 6 steps: Audio drives timing — Generate voiceover… → Assets go in public/ — All generated… → Use Remotion's audio components — Always… → …
  • Producing a video that needs audio
  • SKILL.md covers Available MCP Tools, Production Pipeline and Key Principles
  • Calls npm

What it does

Remotion Production is an agent skill from DojoCodingLabs/remotion-superpowers. Full video production workflow for Remotion projects. Teaches how to orchestrate MCP tools (TTS, music, SFX, stock footage, video analysis) into complete Remotion compositions. Use this skill whenever producing a video that needs audio, voiceovers, music, stock footage, or analyzing existing video files.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 19 other files (for example `rules/3d-content.md`, `rules/animation-presets.md` and `rules/asset-management.md`).

It sits in Media & Creative, covering Video production and Text to speech and voice. It works with Remotion, ElevenLabs, Model Context Protocol and TikTok. The repository describes itself as: 🎬 Claude Code plugin — full video production studio for Remotion. AI voiceovers, music, stock footage, image/video generation, TikTok captions, 3D, transitions & AI review loop… The licence is MIT.

When your agent uses it

  • Producing a video that needs audio
  • Analyzing existing video files

Example prompts

  • “/remotion-production”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Audio drives timing — Generate voiceover first, get its duration, then set composition length to match.
  2. Assets go in public/ — All generated media files (audio, video, images) must be saved to the project's public/ directory so Remotion can…
  3. Use Remotion's audio components — Always use component with staticFile() for audio. Never use HTML tags.
  4. Frame-based timing — Remotion uses frames, not seconds. Convert with fps * seconds. At 30fps, 1 second = 30 frames.
  5. Progressive composition — Build the video in layers: visuals first, then voiceover, then music, then SFX.
  6. Preview frequently — Use npm run dev to preview after each major change. The Remotion player updates live.

What it can do on your machine

Read from SKILL.md and the folder at commit 48c2cfc. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Remotion Production loads about 1.1k tokens when it runs. Until then it costs about 81 tokens; SKILL.md has 470 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~81
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from DojoCodingLabs/remotion-superpowers at commit 48c2cfc, republished under its MIT licence (© DojoCodingLabs). 470 words, ~1,115 tokens.

Download SKILL.mdSave it as .claude/skills/remotion-production/SKILL.md (or your agent's skills folder). This skill also uses 18 other files; get the full folder from GitHub.
name
remotion-production
description
Full video production workflow for Remotion projects. Teaches how to orchestrate MCP tools (TTS, music, SFX, stock footage, video analysis) into complete Remotion compositions. Use this skill whenever producing a video that needs audio, voiceovers, music, stock footage, or analyzing existing video files.

Remotion Production Workflow

This skill teaches how to produce complete videos with Remotion by orchestrating multiple MCP tools together. It covers the full pipeline from concept to rendered MP4.

Available MCP Tools

You have access to these MCP servers for media production:

remotion-media (via KIE)
  • generate_tts — Text-to-speech voiceovers (ElevenLabs TTS)
  • generate_music — Background music (Suno V3.5–V5)
  • generate_sfx — Sound effects (ElevenLabs SFX V2)
  • generate_image — AI images (Nano Banana Pro)
  • generate_video — AI video clips (Veo 3.1)
  • generate_subtitles — Transcribe audio/video to SRT (Whisper)
  • list_assets — List all generated media in the project
TwelveLabs (video understanding)
  • Index and analyze video files
  • Semantic search within videos ("find the part where...")
  • Scene detection, object detection, speaker identification
  • Video summarization
Pexels (stock footage)
  • searchPhotos — Search free stock photos
  • searchVideos — Search free stock videos
  • getVideo / getPhoto — Get details by ID
  • downloadVideo — Download video to project
ElevenLabs (optional — advanced voice)
  • Voice cloning from audio samples
  • Advanced TTS with custom voices
  • Audio isolation and processing
  • Transcription
Replicate (optional — 100+ AI models)
  • replicate_run — Run a model synchronously (images)
  • replicate_create_prediction — Start async prediction (video)
  • replicate_get_prediction — Poll prediction status
  • Image models: FLUX 1.1 Pro, Imagen 4, Ideogram v3, FLUX Kontext
  • Video models: Wan 2.5 (T2V, I2V), Kling 2.6 Pro

Production Pipeline

Read individual rule files for detailed workflows:

  • rules/production-pipeline.md — End-to-end workflow from concept to final render
  • rules/audio-integration.md — How to integrate generated audio into Remotion compositions
  • rules/voiceover-sync.md — Syncing TTS voiceovers with animations and captions
  • rules/music-scoring.md — Generating and timing background music
  • rules/stock-footage-workflow.md — Searching, downloading, and using stock footage in Remotion
  • rules/video-analysis.md — Using TwelveLabs to analyze and select clips from existing footage
  • rules/captions-workflow.md — TikTok-style animated captions using @remotion/captions and Whisper
  • rules/animation-presets.md — Reusable animation patterns (fade, slide, scale, typewriter, stagger)
  • rules/3d-content.md — Three.js and React Three Fiber via @remotion/three
  • rules/data-visualization.md — Animated charts, dashboards, and number counters
  • rules/visual-effects.md — Light leaks, Lottie, film grain, vignettes, Ken Burns
  • rules/ci-rendering.md — GitHub Actions workflows for automated video rendering
  • rules/replicate-models.md — Replicate MCP model catalog, usage, and decision guide
  • rules/image-generation.md — AI image prompt engineering, provider selection, Remotion integration
  • rules/video-generation.md — AI video clip generation, I2V pipeline, sequencing in Remotion
  • rules/sound-effects.md — SFX generation, prompt engineering, timing to visual events
  • rules/elevenlabs-advanced.md — Voice cloning, custom TTS parameters, multi-voice scripts
  • rules/asset-management.md — File organization, naming conventions, staticFile() reference
Show full SKILL.md (115 more words)Show less

Key Principles

  1. Audio drives timing — Generate voiceover first, get its duration, then set composition length to match.
  2. Assets go in public/ — All generated media files (audio, video, images) must be saved to the project's public/ directory so Remotion can access them via staticFile().
  3. Use Remotion's audio components — Always use <Audio> component with staticFile() for audio. Never use HTML <audio> tags.
  4. Frame-based timing — Remotion uses frames, not seconds. Convert with fps * seconds. At 30fps, 1 second = 30 frames.
  5. Progressive composition — Build the video in layers: visuals first, then voiceover, then music, then SFX.
  6. Preview frequently — Use npm run dev to preview after each major change. The Remotion player updates live.

© DojoCodingLabs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 18 other files in skills/remotion-production of DojoCodingLabs/remotion-superpowers.

  • SKILL.md
  • rules/3d-content.md
  • rules/animation-presets.md
  • rules/asset-management.md
  • rules/audio-integration.md
  • rules/captions-workflow.md
  • rules/ci-rendering.md
  • rules/data-visualization.md
  • rules/elevenlabs-advanced.md
  • rules/image-generation.md
  • rules/music-scoring.md
  • rules/production-pipeline.md
  • rules/replicate-models.md
  • rules/sound-effects.md
  • rules/stock-footage-workflow.md
  • rules/video-analysis.md
  • rules/video-generation.md
  • rules/visual-effects.md
  • rules/voiceover-sync.md

Open the folder on GitHubat commit 48c2cfc

Compare with similar skills

Remotion Production next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Remotion Production compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Remotion Production this skillDojoCodingLabs/remotion-superpowers130—~1.1kAutomated safety check: PassMIT
Making Demo Videosnukeop/nuclear19k—~892Automated safety check: PassAGPL-3.0
Super Video MakerBomx/super-video-maker-skill308—~11kAutomated safety check: NotesNone
ShowtimeFavioVazquez/showtime178—~3kAutomated safety check: PassMIT
Suggest Sfxhassancs91/claude-youtube-editor322—~3kAutomated safety check: PassMIT
Video Post ProductionAnastasiyaW/codex-claude-code-config154—~1.7kAutomated safety check: PassMIT

Similar skills

  • Making Demo Videos

    nukeop/nuclear

    A skill your agent uses when making a demo, tutorial, or feature video of Nuclear.

    19k GitHub stars~892 tokensUpdated 2 days ago
    Media & CreativeAuto-check passed
  • Super Video Maker

    Bomx/super-video-maker-skill

    End-to-end AI video production skill for agentic frameworks.

    308 GitHub stars~11k tokensUpdated 2 mo ago
    Media & CreativeAuto-check: notes
  • Showtime

    FavioVazquez/showtime

    A skill your agent uses when the user wants a video made, edited or finished: a launch or promo, product demo, explainer, trailer or teaser, tutorial or walkthrough, a screen recording turned into a…

    178 GitHub stars~3k tokensUpdated today
    Media & CreativeAuto-check passed
  • Suggest Sfx

    hassancs91/claude-youtube-editor

    Step 4 of the AI Video Editor pipeline — the SFX pass. An agent skill from hassancs91/claude-youtube-editor.

    322 GitHub stars~3k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Video Post Production

    AnastasiyaW/codex-claude-code-config

    Video post-production rules: audio mastering, color, captions, platform export.

    154 GitHub stars~1.7k tokensUpdated today
    Media & CreativeAuto-check passed
  • Avatar Video

    calesthio/OpenMontage

    Create AI avatar videos with precise control over avatars, voices, scripts, scenes, and backgrounds using HeyGen's v2 API.

    65k GitHub stars~1.6k tokensUpdated 5 days ago
    Media & CreativeAuto-check passed

Questions about Remotion Production

What does Remotion Production do?

Full video production workflow for Remotion projects. An agent skill from DojoCodingLabs/remotion-superpowers. Remotion Production is an agent skill from DojoCodingLabs/remotion-superpowers. Full video production workflow for Remotion projects.

When should I use Remotion Production?

Remotion Production fits situations like: producing a video that needs audio; analyzing existing video files.

How do I install Remotion Production in Claude Code?

Run `npx skills add DojoCodingLabs/remotion-superpowers --skill remotion-production -a claude-code`. Or copy the skill folder (skills/remotion-production in DojoCodingLabs/remotion-superpowers) into .claude/skills/remotion-production in your project. Claude Code loads it when a task matches its description.

How do I install Remotion Production in Codex?

Run `npx skills add DojoCodingLabs/remotion-superpowers --skill remotion-production -a codex`. Or copy the skill folder (skills/remotion-production in DojoCodingLabs/remotion-superpowers) into .agents/skills/remotion-production in your project. Codex loads it when a task matches its description.

Can I use Remotion Production in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add DojoCodingLabs/remotion-superpowers --skill remotion-production -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/remotion-production, .gemini/skills/remotion-production, .github/skills/remotion-production and .opencode/skills/remotion-production in your project.

What does Remotion Production need to run?

Going by SKILL.md and its folder, Remotion Production needs the command-line tools its instructions call (npm).

Does Remotion Production access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Remotion Production safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Remotion Production use?

Remotion Production is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Remotion Production use?

About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Remotion Production?

Skills that share tags, products or a category with Remotion Production: Making Demo Videos (nukeop/nuclear, 19k stars), Super Video Maker (Bomx/super-video-maker-skill, 308 stars), Showtime (FavioVazquez/showtime, 178 stars) and Suggest Sfx (hassancs91/claude-youtube-editor, 322 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Remotion Production?

DojoCodingLabs (a GitHub organization) maintains it in DojoCodingLabs/remotion-superpowers, which has 130 GitHub stars. The repository was last updated on October 3, 2026.

Source: DojoCodingLabs/remotion-superpowers on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.