About remotion-captions
remotion-captions is a skill for handling captions in Remotion videos. It guides developers and coding agents through caption data structure, transcription, display, and SRT import workflows.
Key features
- 01Process captions as JSON
- 02Use the Caption type
- 03Guidance for transcription and display
- 04Import captions from SRT
Use cases
- 01Prepare caption data for a video
- 02Transcribe audio or video into captions
- 03Display or import captions in Remotion
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ guanyang/ open-agent-hub --skill remotion-captionsAfter installing, type/remotion-captionsin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
display-captions.mdimport-srt-captions.mdtranscribe-captions.mdagents/openai.yamlassets/remotion-icon.svgDetails
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.