About remotion-captions
A skill for handling captions in Remotion projects, covering transcription, display, and SRT import. It uses the `Caption` type from `@remotion/captions` and JSON caption data.
Key features
- 01Use JSON caption data
- 02Follow the `Caption` type
- 03Load transcription instructions
- 04Load caption display instructions
- 05Import captions from SRT
Use cases
- 01Prepare captions for a video
- 02Display captions in a Remotion composition
- 03Bring captions in from an SRT file
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ remotion-dev/ remotion --skill remotion-captionsAfter installing, type/remotion-captionsin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
import-srt-captions.mddisplay-captions.mdtranscribe-captions.mdagents/openai.yamlDetails
From the project READMEAll captions must be processed in JSON. The captions must use the Caption type which is the following:
import type { Caption } from "@remotion/captions";
This is the definition:
type Caption = {
text: string;
startMs: number;
endMs: number;
timestampMs: number | null;
confidence: number | null;
pageBreakAfter?: boolean;
};
Generating captions
To transcribe video and audio files to generate captions, load the transcribe-captions.md file for more instructions.
Displaying captions
To display captions in your video, load the display-captions.md file for more instructions.
Importing captions
To import captions from a .srt file, load the import-srt-captions.md file for more instructions.
Post-creation
After you're done, load this skill: Remotion Best Practices
If not alreay done, open the Remotion Studio, unless instructed otherwise.