remotion-best-practices
78Build Better Remotion Videos
Remotion projects need correct patterns for media, timing, captions, and rendering. This skill gives Claude, Codex, and Claude Code focused rules and examples for React video work.
Create captions for Remotion videos
Timed captions can be difficult to create and synchronize in video compositions. This skill provides practical guidance for transcribing, importing, formatting, and rendering captions in Remotion.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "remotion-captions" from https://skillstore.io/skills/remotion-dev-remotion-captions.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-captions/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "remotion-captions". I have a local SRT file and need captions in my composition.
Expected outcome:
Using "remotion-captions". I want a TikTok-style caption display.
Expected outcome:
All 11 static detections are false positives or benign documentation examples. The fetch calls load local Remotion assets, the command references are Markdown or comments, and the file write saves generated captions to a fixed local filename. No prompt injection, credential access, or data-exfiltration intent was found.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/remotion-dev-remotion-captions?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/remotion-dev-remotion-captions?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-captions/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-captions.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>remotion-dev. (2026). remotion-captions security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1@techreport{remotion-dev-remotion-dev-remotion-captions-2026,
author = {remotion-dev},
title = {remotion-captions security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-captions security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "remotion-dev"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1"
identifiers:
- type: other
value: "skillstore:remotion-dev-remotion-captions:audit:1"
description: "Skillstore immutable audit report identifier"
Create timed caption pages and highlight the active word in a Remotion composition.
Load a local SRT file, parse it, and use the captions with Remotion utilities.
Generate caption JSON from an audio file with the Remotion Whisper.cpp integration.
Show me how to represent these timed subtitles as Remotion Caption JSON: Hello from 0 to 900 milliseconds, then world from 900 to 1500 milliseconds.
Help me load a local subtitles.srt file from the Remotion public folder and parse it with @remotion/captions.
Create a Remotion component that groups Caption data into pages and renders each page at the correct time.
Plan a local Remotion workflow that transcribes one audio clip at a time, saves Caption JSON files, and renders synchronized captions.
Author
remotion-devLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
5979680a0672bd90dd36f677fe2d3d5c5b14be78
Maintenance freshness
7/19/2026
Usage
0 downloads ยท 0 views
File structure
Build Better Remotion Videos
Remotion projects need correct patterns for media, timing, captions, and rendering. This skill gives Claude, Codex, and Claude Code focused rules and examples for React video work.
Render Videos with Remotion
Choosing compatible Remotion export settings can be difficult. This skill provides commands and configuration patterns for videos, stills, ProRes, and WebM.
Extract Audio and Video Metadata
Media metadata tasks need suitable input sources across browser, Node.js, Bun, and Remotion projects. This skill provides Mediabunny patterns for reading durations and video dimensions from URLs or local files.
Upgrade Remotion dependencies safely
Remotion upgrades can leave packages and lockfiles out of sync. This skill guides a consistent upgrade for Remotion, Mediabunny, and installed Remotion skills.
Create a Remotion video project
Starting a Remotion project requires a reliable scaffold and video-focused layout choices. This skill creates a blank project, starts Studio, and links to focused guidance for markup, interactivity, layout, and TailwindCSS.
Create Editable Remotion Animations
Remotion animation components can become difficult to adjust in Studio when their editable controls are unclear. This skill directs you to official guidance for designing interactive components and editable media timelines.
Transcribe Audio with Azure AI and Python
by sickn33
Speech transcription projects require correct Azure client setup and workflow choices. This skill provides Python examples for batch and real-time transcription, authentication, diarization, and language selection.
Build Production Voice AI Agents
by sickn33
Voice teams need fast, reliable guidance across many speech providers. This skill helps design low-latency agents, transcription pipelines, synthesis flows, and real-time infrastructure.
Create Viral Captions and CTAs
by vyralcontent
Short-form creators need captions and CTAs that support reach without engagement bait. This skill creates platform-specific captions, hashtags, on-screen text, and pinned comments.
Edit Audio, Video, and Image Media
by volcengine
Media editing tasks often require many specialized commands and careful parameter choices. This skill routes requests to the right MediaKit operation and guides reliable media assembly.
Generate and Edit AI Media with PonyFlash
by ponyflash
AI media work often spans separate generation, editing, and subtitle tools. PonyFlash combines SDK guidance with FFmpeg workflows for images, videos, speech, music, and exports.
Extend Video Frames with RunComfy
by runcomfy-com
Changing video aspect ratios can crop important action or leave empty space. This skill guides RunComfy outpainting workflows that extend the frame while preserving the subject.