add-captions
Add TikTok-style, karaoke, YouTube or minimal captions to your Remotion video. Gets word-level captions through the official…
Transcribe audio or video files to text with timestamps. Produces word-level Caption JSON through the official remotion-captions flow (whisper-webgpu, or ElevenLabs Scribe via @remotion/elevenlabs when there's no GPU), plus an SRT export generated from those captions and plain
$ npx -y skills add DojoCodingLabs/remotion-superpowers --skill transcribe --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/transcribeContext preview
The summary Claude sees to decide when to auto-load this skill.
Transcribe audio or video files to text with timestamps. Produces word-level Caption JSON through the official remotion-captions flow (whisper-webgpu, or ElevenLabs Scribe via @remotion/elevenlabs when there's no GPU), plus an SRT export generated from those captions and plain
name: transcribe description: Transcribe audio or video files to text with timestamps. Produces word-level Caption JSON through the official remotion-captions flow (whisper-webgpu, or ElevenLabs Scribe via @remotion/elevenlabs when there's no GPU), plus an SRT export generated from those captions and plain text, for use with Remotion's captions system.
You are helping the user transcribe audio or video files into text with precise timestamps.
**Load the `remotion-production` skill** for the `captions-workflow` rule (both routes, including the Scribe script), and the official **`remotion-captions`** skill. For the Scribe route, also load the official ElevenLabs **`speech-to-text`** skill. The official skills win on any API detail.
Find audio/video files to transcribe:
ls public/ public/footage/ 2>/dev/null | grep -E '\.(mp3|wav|m4a|ogg|mp4|mov|webm)$'
Ask the user which file to transcribe if multiple exist. Transcribe each source file separately, and keep its timestamps relative to the start of that file.
Every route below produces the same thing: a `Caption[]` with one entry per word, saved as `public/<source>.captions.json` (e.g. `vo-scene1.captions.json`). The SRT and plain-text outputs in step 4 are generated from it.
| Route | Use it when | Runs | |---|---|---| | **A. Official whisper-webgpu** (default) | A compatible GPU is available | Locally, free, no key | | **B. ElevenLabs Scribe** (fallback) | whisper-webgpu can't run: no GPU, CI, Linux arm64, many VMs | In the cloud, paid, needs `ELEVENLABS_API_KEY` |
Follow official `remotion-captions/transcribe-captions.md`. It writes a Node script using `@remotion/whisper-webgpu` (`canUseWhisperWebGpu`, `downloadWhisperModel`, `loadWhisperModel`, `transcribe`, then `toCaptions({ whisperWebGpuOutput })`) that decodes audio or video with Mediabunny and saves `Caption` JSON. `small.en` is the default model for English. For other languages, use a multilingual model and pass `language`: there's no auto-detect. If `canUseWhisperWebGpu()` reports no support, switch to Route B.
Transcribe with Scribe v2 (`timestamps_granularity: "word"`) and convert with `elevenLabsTranscriptToCaptions()` from `@remotion/elevenlabs` (`npx remotion add @remotion/elevenlabs`). The script is in the `captions-workflow` rule.
Don't use the ElevenLabs MCP `speech_to_text` tool: it returns plain text with no timestamps.
Show the transcription with timestamps, grouped into readable lines:
Transcription: [filename] [00:00:00 → 00:00:03] Welcome to our product demo [00:00:03 → 00:00:07] Today we're going to show you how easy it is [00:00:07 → 00:00:11] to create professional videos with code ... Total duration: [X]s Word count: [X] words
Deliver what the user asked for:
**JSON Captions** (always): the `Caption` type from `@remotion/captions`. Every entry needs `timestampMs` and `confidence` (either may be `null`), and each word starts with a space:
[
{ "text": " Welcome", "startMs": 0, "endMs": 800, "timestampMs": 400, "confidence": 0.95 },
{ "text": " to", "startMs": 800, "endMs": 1000, "timestampMs": 900, "confidence": 0.98 },
{ "text": " our", "startMs": 1000, "endMs": 1200, "timestampMs": 1100, "confidence": 0.97 }
]**SRT export** (when the user wants an `.srt` file, e.g. to upload to YouTube): the official captions skill covers SRT import but not export, so generate it from the JSON with `serializeSrt()` from `@remotion/captions`. It takes `lines`, an array of lines where each line is an array of captions. Group the words into subtitle lines first:
// scripts/export-srt.ts: node scripts/export-srt.ts
import { serializeSrt, type Caption } from "@remotion/captions";
import { readFileSync, writeFileSync } from "node:fs";
const name = "vo-scene1";
const words: Caption[] = JSON.parse(readFileSync(`public/${name}.captions.json`, "utf8"));
// New line after 7 words, at a sentence end, or at a pause longer than 0.6 s
const lines: Caption[][] = [];
let line: Caption[] = [];
words.forEach((word, i) => {
line.push(word);
const next = words[i + 1];
if (!next || line.length >= 7 || /[.!?]$/.test(word.text) || next.startMs - word.endMs > 600) {
lines.push(line);
line = [];
}
});
writeFileSync(`public/${name}.srt`, serializeSrt({ lines }));`serializeSrt()` joins a cue's words without adding spaces, which is right because each word's `text` already starts with one. Each cue runs from its first word's `startMs` to its last word's `endMs`. The result is standard SRT:
1 00:00:00,000 --> 00:00:03,200 Welcome to our product demo 2 00:00:03,200 --> 00:00:07,100 Today we're going to show you how easy it is
**Plain text**: join the words' `text` and trim, no timestamps:
Welcome to our product demo. Today we're going to show you how easy it is to create professional videos with code.
After transcription, suggest next steps:
🎬 Full video production studio for Remotion — for Claude Code, Codex, Gemini CLI & any Agent Skills agent. AI voiceovers, music, stock footage, image/video generation, TikTok captions, transitions & AI review loop. 15 skills, 5 MCP servers. Free & open source by Dojo Coding.
Add TikTok-style, karaoke, YouTube or minimal captions to your Remotion video. Gets word-level captions through the official…
Generate background music and add it to your Remotion project. Describe the mood/genre you want, and this will generate a…
Add professional scene transitions to your Remotion video. Choose from fade, slide, wipe, flip, clock-wipe and light-leak…
Generate a voiceover narration and add it to your Remotion project. Provide a script or describe what the narration should say,…
Analyze existing video files with TwelveLabs AI. Get a timestamped scene map of your footage, ask questions about it, find…
Create a short-form vertical video (TikTok, Instagram Reels, YouTube Shorts). Optimized 9:16 pipeline with a live Studio preview,…