[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-remotion-remotion-captions":3,"mdc--fjnrav-key":32,"related-org-remotion-remotion-captions":365,"related-repo-remotion-remotion-captions":516},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":21,"repoUrl":22,"updatedAt":23,"license":24,"forks":25,"topics":26,"repo":27,"sourceUrl":30,"mdContent":31},"remotion-captions","manage video captions in Remotion","Transcribing, displaying and animating captions",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"remotion","Remotion","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fremotion.png","remotion-dev",[13,17,18],{"name":14,"slug":15,"type":16},"Transcription","transcription","tag",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"Video","video",4160,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","2026-07-30T05:25:30.695925",null,481,[],{"repoUrl":22,"stars":21,"forks":25,"topics":28,"description":29},[],"Agent Skills","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills\u002Ftree\u002FHEAD\u002Fskills\u002Fremotion-captions","---\nname: remotion-captions\ndescription: Transcribing, displaying and animating captions\nmetadata:\n  tags: subtitles, captions, remotion, json\n---\n\nAll captions must be processed in JSON. The captions must use the [`Caption`](https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fcaptions\u002Fcaption.md) type which is the following:\n\n```ts\nimport type { Caption } from \"@remotion\u002Fcaptions\";\n```\n\nThis is the definition:\n\n```ts\ntype Caption = {\n  text: string;\n  startMs: number;\n  endMs: number;\n  timestampMs: number | null;\n  confidence: number | null;\n};\n```\n\n## Generating captions\n\nTo transcribe video and audio files to generate captions, load the [transcribe-captions.md](transcribe-captions.md) file for more instructions.\n\n## Displaying captions\n\nTo display captions in your video, load the [display-captions.md](display-captions.md) file for more instructions.\n\n## Importing captions\n\nTo import captions from a .srt file, load the [import-srt-captions.md](import-srt-captions.md) file for more instructions.\n",{"data":33,"body":36},{"name":4,"description":6,"metadata":34},{"tags":35},"subtitles, captions, remotion, json",{"type":37,"children":38},"root",[39,63,134,139,306,313,325,331,342,348,359],{"type":40,"tag":41,"props":42,"children":43},"element","p",{},[44,47,61],{"type":45,"value":46},"text","All captions must be processed in JSON. The captions must use the ",{"type":40,"tag":48,"props":49,"children":53},"a",{"href":50,"rel":51},"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fcaptions\u002Fcaption.md",[52],"nofollow",[54],{"type":40,"tag":55,"props":56,"children":58},"code",{"className":57},[],[59],{"type":45,"value":60},"Caption",{"type":45,"value":62}," type which is the following:",{"type":40,"tag":64,"props":65,"children":70},"pre",{"className":66,"code":67,"language":68,"meta":69,"style":69},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { Caption } from \"@remotion\u002Fcaptions\";\n","ts","",[71],{"type":40,"tag":55,"props":72,"children":73},{"__ignoreMap":69},[74],{"type":40,"tag":75,"props":76,"children":79},"span",{"class":77,"line":78},"line",1,[80,86,91,97,103,108,113,118,124,129],{"type":40,"tag":75,"props":81,"children":83},{"style":82},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[84],{"type":45,"value":85},"import",{"type":40,"tag":75,"props":87,"children":88},{"style":82},[89],{"type":45,"value":90}," type",{"type":40,"tag":75,"props":92,"children":94},{"style":93},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[95],{"type":45,"value":96}," {",{"type":40,"tag":75,"props":98,"children":100},{"style":99},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[101],{"type":45,"value":102}," Caption",{"type":40,"tag":75,"props":104,"children":105},{"style":93},[106],{"type":45,"value":107}," }",{"type":40,"tag":75,"props":109,"children":110},{"style":82},[111],{"type":45,"value":112}," from",{"type":40,"tag":75,"props":114,"children":115},{"style":93},[116],{"type":45,"value":117}," \"",{"type":40,"tag":75,"props":119,"children":121},{"style":120},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[122],{"type":45,"value":123},"@remotion\u002Fcaptions",{"type":40,"tag":75,"props":125,"children":126},{"style":93},[127],{"type":45,"value":128},"\"",{"type":40,"tag":75,"props":130,"children":131},{"style":93},[132],{"type":45,"value":133},";\n",{"type":40,"tag":41,"props":135,"children":136},{},[137],{"type":45,"value":138},"This is the definition:",{"type":40,"tag":64,"props":140,"children":142},{"className":66,"code":141,"language":68,"meta":69,"style":69},"type Caption = {\n  text: string;\n  startMs: number;\n  endMs: number;\n  timestampMs: number | null;\n  confidence: number | null;\n};\n",[143],{"type":40,"tag":55,"props":144,"children":145},{"__ignoreMap":69},[146,170,194,216,237,268,297],{"type":40,"tag":75,"props":147,"children":148},{"class":77,"line":78},[149,155,160,165],{"type":40,"tag":75,"props":150,"children":152},{"style":151},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[153],{"type":45,"value":154},"type",{"type":40,"tag":75,"props":156,"children":158},{"style":157},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[159],{"type":45,"value":102},{"type":40,"tag":75,"props":161,"children":162},{"style":93},[163],{"type":45,"value":164}," =",{"type":40,"tag":75,"props":166,"children":167},{"style":93},[168],{"type":45,"value":169}," {\n",{"type":40,"tag":75,"props":171,"children":173},{"class":77,"line":172},2,[174,180,185,190],{"type":40,"tag":75,"props":175,"children":177},{"style":176},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[178],{"type":45,"value":179},"  text",{"type":40,"tag":75,"props":181,"children":182},{"style":93},[183],{"type":45,"value":184},":",{"type":40,"tag":75,"props":186,"children":187},{"style":157},[188],{"type":45,"value":189}," string",{"type":40,"tag":75,"props":191,"children":192},{"style":93},[193],{"type":45,"value":133},{"type":40,"tag":75,"props":195,"children":197},{"class":77,"line":196},3,[198,203,207,212],{"type":40,"tag":75,"props":199,"children":200},{"style":176},[201],{"type":45,"value":202},"  startMs",{"type":40,"tag":75,"props":204,"children":205},{"style":93},[206],{"type":45,"value":184},{"type":40,"tag":75,"props":208,"children":209},{"style":157},[210],{"type":45,"value":211}," number",{"type":40,"tag":75,"props":213,"children":214},{"style":93},[215],{"type":45,"value":133},{"type":40,"tag":75,"props":217,"children":219},{"class":77,"line":218},4,[220,225,229,233],{"type":40,"tag":75,"props":221,"children":222},{"style":176},[223],{"type":45,"value":224},"  endMs",{"type":40,"tag":75,"props":226,"children":227},{"style":93},[228],{"type":45,"value":184},{"type":40,"tag":75,"props":230,"children":231},{"style":157},[232],{"type":45,"value":211},{"type":40,"tag":75,"props":234,"children":235},{"style":93},[236],{"type":45,"value":133},{"type":40,"tag":75,"props":238,"children":240},{"class":77,"line":239},5,[241,246,250,254,259,264],{"type":40,"tag":75,"props":242,"children":243},{"style":176},[244],{"type":45,"value":245},"  timestampMs",{"type":40,"tag":75,"props":247,"children":248},{"style":93},[249],{"type":45,"value":184},{"type":40,"tag":75,"props":251,"children":252},{"style":157},[253],{"type":45,"value":211},{"type":40,"tag":75,"props":255,"children":256},{"style":93},[257],{"type":45,"value":258}," |",{"type":40,"tag":75,"props":260,"children":261},{"style":157},[262],{"type":45,"value":263}," null",{"type":40,"tag":75,"props":265,"children":266},{"style":93},[267],{"type":45,"value":133},{"type":40,"tag":75,"props":269,"children":271},{"class":77,"line":270},6,[272,277,281,285,289,293],{"type":40,"tag":75,"props":273,"children":274},{"style":176},[275],{"type":45,"value":276},"  confidence",{"type":40,"tag":75,"props":278,"children":279},{"style":93},[280],{"type":45,"value":184},{"type":40,"tag":75,"props":282,"children":283},{"style":157},[284],{"type":45,"value":211},{"type":40,"tag":75,"props":286,"children":287},{"style":93},[288],{"type":45,"value":258},{"type":40,"tag":75,"props":290,"children":291},{"style":157},[292],{"type":45,"value":263},{"type":40,"tag":75,"props":294,"children":295},{"style":93},[296],{"type":45,"value":133},{"type":40,"tag":75,"props":298,"children":300},{"class":77,"line":299},7,[301],{"type":40,"tag":75,"props":302,"children":303},{"style":93},[304],{"type":45,"value":305},"};\n",{"type":40,"tag":307,"props":308,"children":310},"h2",{"id":309},"generating-captions",[311],{"type":45,"value":312},"Generating captions",{"type":40,"tag":41,"props":314,"children":315},{},[316,318,323],{"type":45,"value":317},"To transcribe video and audio files to generate captions, load the ",{"type":40,"tag":48,"props":319,"children":321},{"href":320},"transcribe-captions.md",[322],{"type":45,"value":320},{"type":45,"value":324}," file for more instructions.",{"type":40,"tag":307,"props":326,"children":328},{"id":327},"displaying-captions",[329],{"type":45,"value":330},"Displaying captions",{"type":40,"tag":41,"props":332,"children":333},{},[334,336,341],{"type":45,"value":335},"To display captions in your video, load the ",{"type":40,"tag":48,"props":337,"children":339},{"href":338},"display-captions.md",[340],{"type":45,"value":338},{"type":45,"value":324},{"type":40,"tag":307,"props":343,"children":345},{"id":344},"importing-captions",[346],{"type":45,"value":347},"Importing captions",{"type":40,"tag":41,"props":349,"children":350},{},[351,353,358],{"type":45,"value":352},"To import captions from a .srt file, load the ",{"type":40,"tag":48,"props":354,"children":356},{"href":355},"import-srt-captions.md",[357],{"type":45,"value":355},{"type":45,"value":324},{"type":40,"tag":360,"props":361,"children":362},"style",{},[363],{"type":45,"value":364},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":366,"total":515},[367,387,400,412,428,434,446,460,473,486,501],{"slug":368,"name":368,"fn":369,"description":370,"org":371,"tags":372,"stars":384,"repoUrl":385,"updatedAt":386},"remotion-best-practices","build programmatic videos with Remotion","Router for all Remotion skills",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[373,376,379,380,383],{"name":374,"slug":375,"type":16},"Animation","animation",{"name":377,"slug":378,"type":16},"React","react",{"name":9,"slug":8,"type":16},{"name":381,"slug":382,"type":16},"TypeScript","typescript",{"name":19,"slug":20,"type":16},54855,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion","2026-07-27T06:08:28.310856",{"slug":388,"name":388,"fn":389,"description":390,"org":391,"tags":392,"stars":384,"repoUrl":385,"updatedAt":399},"remotion-interactivity","create interactive Remotion animations","Structure Remotion markup for interactivity",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[393,394,397,398],{"name":374,"slug":375,"type":16},{"name":395,"slug":396,"type":16},"Design","design",{"name":377,"slug":378,"type":16},{"name":9,"slug":8,"type":16},"2026-07-30T05:25:35.376625",{"slug":401,"name":401,"fn":402,"description":403,"org":404,"tags":405,"stars":384,"repoUrl":385,"updatedAt":411},"remotion-multimedia","interact with Mediabunny in Remotion","Interacting with Mediabunny",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[406,409,410],{"name":407,"slug":408,"type":16},"Media","media",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-27T06:28:53.1297",{"slug":413,"name":413,"fn":414,"description":415,"org":416,"tags":417,"stars":384,"repoUrl":385,"updatedAt":427},"remotion-saas","build Remotion-powered SaaS applications","Build an app with Remotion",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[418,419,420,423,424],{"name":377,"slug":378,"type":16},{"name":9,"slug":8,"type":16},{"name":421,"slug":422,"type":16},"SaaS","saas",{"name":19,"slug":20,"type":16},{"name":425,"slug":426,"type":16},"Web Development","web-development","2026-07-27T06:08:27.300451",{"slug":4,"name":4,"fn":5,"description":6,"org":429,"tags":430,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[431,432,433],{"name":9,"slug":8,"type":16},{"name":14,"slug":15,"type":16},{"name":19,"slug":20,"type":16},{"slug":435,"name":435,"fn":436,"description":437,"org":438,"tags":439,"stars":21,"repoUrl":22,"updatedAt":445},"remotion-create","create new Remotion video projects","Create a new Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[440,443,444],{"name":441,"slug":442,"type":16},"Creative","creative",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:29.406181",{"slug":447,"name":447,"fn":448,"description":449,"org":450,"tags":451,"stars":21,"repoUrl":22,"updatedAt":459},"remotion-docs","search Remotion documentation","Search Remotion documentation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[452,455,458],{"name":453,"slug":454,"type":16},"Documentation","documentation",{"name":456,"slug":457,"type":16},"Reference","reference",{"name":9,"slug":8,"type":16},"2026-07-30T05:25:32.714247",{"slug":461,"name":461,"fn":462,"description":463,"org":464,"tags":465,"stars":21,"repoUrl":22,"updatedAt":472},"remotion-maps","animate maps using Remotion","Remotion Map animation knowledge",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[466,467,470,471],{"name":374,"slug":375,"type":16},{"name":468,"slug":469,"type":16},"Maps","maps",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:28.60293",{"slug":474,"name":474,"fn":475,"description":476,"org":477,"tags":478,"stars":21,"repoUrl":22,"updatedAt":485},"remotion-markup","write Remotion React markup","Content, animation and effects best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[479,482,483,484],{"name":480,"slug":481,"type":16},"Frontend","frontend",{"name":377,"slug":378,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:33.787523",{"slug":487,"name":487,"fn":488,"description":489,"org":490,"tags":491,"stars":21,"repoUrl":22,"updatedAt":500},"remotion-render","render videos with Remotion","Export a Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[492,495,498,499],{"name":493,"slug":494,"type":16},"Deployment","deployment",{"name":496,"slug":497,"type":16},"Performance","performance",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:31.705328",{"slug":502,"name":502,"fn":503,"description":504,"org":505,"tags":506,"stars":21,"repoUrl":22,"updatedAt":514},"remotion-upgrade","upgrade Remotion projects and dependencies","Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[507,510,513],{"name":508,"slug":509,"type":16},"Engineering","engineering",{"name":511,"slug":512,"type":16},"Migration","migration",{"name":9,"slug":8,"type":16},"2026-07-21T06:07:40.273712",11,{"items":517,"total":299},[518,524,530,536,543,550,557],{"slug":4,"name":4,"fn":5,"description":6,"org":519,"tags":520,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[521,522,523],{"name":9,"slug":8,"type":16},{"name":14,"slug":15,"type":16},{"name":19,"slug":20,"type":16},{"slug":435,"name":435,"fn":436,"description":437,"org":525,"tags":526,"stars":21,"repoUrl":22,"updatedAt":445},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[527,528,529],{"name":441,"slug":442,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":447,"name":447,"fn":448,"description":449,"org":531,"tags":532,"stars":21,"repoUrl":22,"updatedAt":459},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[533,534,535],{"name":453,"slug":454,"type":16},{"name":456,"slug":457,"type":16},{"name":9,"slug":8,"type":16},{"slug":461,"name":461,"fn":462,"description":463,"org":537,"tags":538,"stars":21,"repoUrl":22,"updatedAt":472},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[539,540,541,542],{"name":374,"slug":375,"type":16},{"name":468,"slug":469,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":474,"name":474,"fn":475,"description":476,"org":544,"tags":545,"stars":21,"repoUrl":22,"updatedAt":485},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[546,547,548,549],{"name":480,"slug":481,"type":16},{"name":377,"slug":378,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":487,"name":487,"fn":488,"description":489,"org":551,"tags":552,"stars":21,"repoUrl":22,"updatedAt":500},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[553,554,555,556],{"name":493,"slug":494,"type":16},{"name":496,"slug":497,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":502,"name":502,"fn":503,"description":504,"org":558,"tags":559,"stars":21,"repoUrl":22,"updatedAt":514},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[560,561,562],{"name":508,"slug":509,"type":16},{"name":511,"slug":512,"type":16},{"name":9,"slug":8,"type":16}]