remotion-captions 是什么、怎么安装使用:给 Remotion 视频自动转写、显示和导入字幕的官方 Skill

remotion-captions 是 Remotion 官方的字幕 Skill:规定字幕统一用 JSON 的 Caption 类型处理,并分别给出本地 Whisper 转写、在视频里显示与做动画、导入 SRT 字幕三套做法。

Install · 安装命令

npx skills add remotion-dev/skills

在终端里执行。Skill 可以带可执行脚本,安装前先看一遍仓库里的 SKILL.md。

NNathaniel bigo··原创首发·AI 辅助撰写
3 分钟读完
资料核对于 2026-10-11 · 依据官方文档与公开资料整理
本文根据 remotion-dev/skills 仓库里该技能的 SKILL.md 与仓库 README 整理,资料核对于 2026-10-11。skills.sh 榜单当日显示该技能累计安装约 14.2 万次;所在仓库 remotion-dev/skills 在 GitHub 约 5003 Star(同日数据)。技能内容会随仓库更新,以仓库为准。

这个 Skill 做什么

短视频几乎都要字幕,而且常常是逐词高亮、带弹跳动画的那种。在 Remotion 里做这件事涉及三步:把语音转成带时间戳的文字、在画面上按时间显示、处理已有的字幕文件。remotion-captions 把三步各写成了一份指引。description:转写、显示字幕并为其做动画。

总规则只有一条:所有字幕都以 JSON 处理,并且必须使用 Remotion 定义的 Caption 类型——每条字幕包含文字和起止时间等字段。统一成这个格式之后,转写的输出、显示组件的输入、从 SRT 导入的结果都能互通。

然后是三个分支,各对应一份按需加载的文件:

  • 生成字幕:用 Remotion 的 Whisper WebGPU 包在本机 GPU 上跑 Whisper 转写,既能在 Node.js 里也能在浏览器里运行;需要先安装几个依赖包,并且要有兼容的 GPU,文件里注明某些平台(如 Linux arm64)不支持;
  • 显示字幕:怎样按时间把字幕渲染到画面上并做动画;
  • 导入字幕:把现成的 SRT 文件转成 Caption 格式。

怎么安装

仓库 README 给的安装命令是:

bash
npx skills add remotion-dev/skills

在选择界面里勾选需要的技能。remotion-best-practices 是总入口,目录里已经带着其余各主题的参考文件,多数情况下只装它就够;想单独装 remotion-captions,可加 skills CLI 的 --skill remotion-captions 参数。

仓库整体介绍和其他安装方式,详见本站《remotion-dev/skills 是什么、怎么安装:Remotion 官方 Agent Skills,用 Claude Code / Codex 写 React 视频》。

怎么用

  • 「把 public/interview.mp4 的语音转写成字幕,存成 JSON」。
  • 「在画面底部显示字幕,当前说到的词高亮成黄色」。
  • 「我有一个现成的 subs.srt,导入进来替换自动转写的结果」。

适合谁 / 局限

适合用 Remotion 做口播、访谈、教程类视频的人。本地转写的准确度和速度取决于所选的 Whisper 模型与显卡,中文口音重或专业术语多时需要人工校对;没有合适 GPU 的机器走不通本地转写这条路,可以改为导入外部工具生成的 SRT。

注意事项

  • 许可:技能仓库未声明许可证;Remotion 框架的商用许可以其官网为准。
  • 会下载模型并执行脚本:首次转写要下载 Whisper 模型文件,体积不小。
  • 隐私:转写在本机完成,音频不必上传到第三方服务,适合处理不便外传的素材。
  • 通常不需要单独安装:总入口技能 remotion-best-practices 的目录里已包含这部分内容。

其他 Skill 库

  1. 01

    durable-objects skill 是什么、怎么安装使用:Cloudflare 官方的 Durable Objects 开发 Skill(有状态与协调)

    durable-objects 是 Cloudflare 官方的 Durable Objects Skill:构建、调试或评审有持久状态与协调需求的代码时使用,讲清适用与不适用场景、关键规则、鉴权、存储操作、定时器和测试方法。

    ClaudeCodex0
  2. 02

    gws-calendar skill 是什么、怎么安装使用:让智能体用命令行查看和创建 Google 日历日程

    gws-calendar 是 Google Workspace CLI(gws)配套的日历技能:提供查看近期日程和新建日程两个快捷命令,并列出日历、日程、忙闲查询、访问控制等接口资源,调用前先查参数结构,写操作先确认。

    ClaudeGemini0
  3. 03

    design-taste-frontend skill 是什么、怎么安装使用:Taste Skill 的主技能,用三个「旋钮」管住 AI 的前端审美

    design-taste-frontend 是 Taste Skill 库的主技能:先读懂需求并用一句话说出设计判断,再用版式变化、动效强度、信息密度三个旋钮约束落地页、作品集和改版页面,交付前逐项自查「AI 味」。

    ClaudeCodex0
  4. 04

    minimalist-ui skill 是什么、怎么安装使用:让 AI 做出「文档感」极简界面的 Taste Skill 风格包

    minimalist-ui 是 Taste Skill 库里的一个风格技能:暖调单色配色、强烈的字体对比、扁平的便当格布局和低饱和点缀色,明确禁用渐变、重阴影和几款被用滥的字体与图标库。

    ClaudeCodex0
  5. 05

    scientific-visualization skill 是什么、怎么安装使用:K-Dense 的科研绘图 Skill(Matplotlib / Seaborn 出版级图)

    scientific-visualization 是 K-Dense 科研技能库里的绘图技能:用 Matplotlib、Seaborn 或 Plotly 制作并审核真实、无障碍、可发表的科研图,覆盖多面板布局、不确定性与缺失数据的呈现、配色对比检查和期刊导出规划。

    ClaudeCodex0
  6. 06

    baoyu-comic 是什么、怎么安装使用:宝玉的知识漫画 Skill(把科普、传记、教程画成多页漫画)

    baoyu-comic 是宝玉 baoyu-skills 里的知识漫画技能:把一个知识主题、人物传记或教程做成原创的教育漫画,可选水墨、日漫、清线、粉笔、极简、写实等画风与不同基调,给出详细的分镜并支持批量生图。

    ClaudeCodex0

查看全部 Skill 库 →

0 条评论

登录 后参与评论

还没有评论,来抢沙发~