Score
8.5
/ 10
Installs
304K
Repo Stars
6.7K
Last Updated
0d ago
Quality Ratio
96%
Description
Verified
Language
TypeScript
First Published
Jul 2026
Summary
The Remotion Captions agent skill standardizes the handling and processing of video caption data within Remotion projects, ensuring consistency with a specific JSON structure. This agent skill benefits frontend developers and video creators working with Remotion who need to integrate, generate, or display synchronized captions. It is a skill with 7K installs, indicating its utility for a focused audience. This agent skill enforces that all captions must be processed in JSON and adhere to the `Caption` type, which specifies fields like `text`, `startMs`, `endMs`, and optional `timestampMs` and `confidence`. It further guides the AI agent on how to generate captions from audio/video, display them within a Remotion video, or import them from .srt files, directing the use of specific sub-instructions for each task.
Skill Definition
All 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 already done, open the Remotion Studio, unless instructed otherwise.