配合 Opus 5.5 做视频的开源 Skill 与工具(2026)
阅读说明
官方信息查阅日期:2026-10-23。以官方原文为准。本文不写价格。
一句话结论
Remotion 和 HyperFrames 的官方技能负责让 Claude Code 把代码写对;渲染成片之后,若要本地剪切、字幕、改画幅或响度,再用 ffmpeg-skill。vox-director 是另一条流水线,仓库写明它依赖 Atlas Cloud 的 API 和本地 ffmpeg。
社区里被讨论最多的 12 个第三方仓库(提示词合集、风格工具箱、剪辑套件等)单独写了教程,见 Opus 5.5 做视频热门开源项目。更全的仓库名单见 开源 AI 视频 Skill 目录。开源的视频生成模型见 开源视频生成模型。安装 Claude Code 和新建项目见 环境搭建。
数据从哪来
星数、最近推送日期来自 GitHub,查阅日期 2026-10-23,日期已换算为北京时间。之后会变,以仓库页面为准。
| 仓库 | 星数 | 最近推送(北京时间) | 许可 |
|---|---|---|---|
| remotion-dev/skills | 5,570 | 2026-10-22 | 仓库未声明 |
| heygen-com/hyperframes | 70,516 | 2026-10-23 | Apache-2.0 |
| kajisho5/ffmpeg-skill | 2,057 | 2026-10-23 | MIT |
| Alisa0808/vox-director | 2,426 | 2026-10-06 | MIT |
Remotion Agent Skills
技能仓库 README 写明:这些技能给 Claude Code、Codex、Kimi Code、Cursor 等代理说明 Remotion 项目里的做法。安装命令:
npx skills add remotion-dev/skills
新建项目时也可以一并装上,README 给出的命令是:
bun create video
Remotion 文档 中的安装命令相同。在已经建好的项目里,Claude Code 文档 和 新建项目文档 使用:
npx remotion skills add
README 列出的技能:
| 技能 | README 写明的用途 |
|---|---|
/remotion-best-practices | 包含其他技能;不确定用哪个时用它 |
/remotion-create | 新建项目或 composition |
/remotion-markup | 写 React 画面:composition、动画、布局、字体、媒体、效果、音频、时序 |
/remotion-studio | 打开 Studio 预览 |
/remotion-render | 渲染成视频或静帧 |
/remotion-maps | 地图动画、路线、地理讲解 |
/remotion-captions | 字幕 |
/remotion-saas | 用 Remotion 做应用或产品集成时的结构 |
/remotion-interactivity | 让元素在 Studio 里可选、可编辑 |
/remotion-docs | 检索 Remotion 文档 |
/remotion-upgrade | 升级 Remotion、相关包和已安装的技能 |
/remotion-multimedia | 用 Mediabunny 在浏览器里处理音视频元数据 |
商用前看 Remotion License:个人、最多 3 名员工的营利组织、非营利组织,以及尚未商用、仍在评估的情况适用 Free License。本文不写价格。
HyperFrames 插件和技能
仓库 README 的定位是 “Write HTML. Render video. Built for agents.” 许可徽章为 Apache-2.0。本地 CLI 需要 Node.js 22+ 和 npm,渲染需要 FFmpeg。快速开始页写明:HyperFrames is free and open-source,本地渲染不使用 HeyGen credits;编程助手以及可选的托管、语音、数字人或生成式素材服务,may have their own costs。本文不摘录金额。
Claude Code 安装版本化插件(插件文档 与 README 一致):
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
装完后新开一个会话,或运行 /reload-plugins。插件文档要求用下面这句试一次:
Using /hyperframes:hyperframes, make a 5-second title card that says "Hello world".
claude plugin details hyperframes 的清单里应有 hyperframes、hyperframes-cli、media-use。第三方市场默认不自动更新;文档写明在 /plugin 里打开 Marketplaces,选中 hyperframes,再选 Enable auto-update。
不用插件、改用独立技能时,提示指南和 README 的命令是:
npx skills add heygen-com/hyperframes
选择器默认没有预选项,需要的是 Core Skills。README 写明:非交互或代理运行若不想自己勾选,应使用 npx hyperframes skills update(只装核心四项);要一次装齐已发布的技能,用 npx hyperframes skills。
核心四项:
| 技能 | 用途 |
|---|---|
/hyperframes | 先读。渲染约定、工作循环,以及格式、运动、字幕、整支片子和故事板的参考 |
/hyperframes-cli | 按任务使用 CLI:脚手架、检查、看帧、改时间线、预览、渲染 |
/hyperframes-registry | 大约 450 个现成块;手写某个样子之前先搜索 |
/media-use | 音乐、音效、图片、旁白、数字人与生成视频、转写;可用 HeyGen 的 heygen CLI,或本地的 Kokoro TTS、Parakeet/whisper |
可选技能:/slideshow(演示文稿,不是渲染出的 MP4)、/remotion-to-hyperframes(把 Remotion 等代码按帧对进 HyperFrames)、/figma(从 Figma 文件取素材和品牌 token)。
手动脚手架(README):
npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render
提示怎么写、渲染前的 lint 和 check,见 从提示词到成片。
ffmpeg-skill:成片之后的本地剪辑
kajisho5/ffmpeg-skill 的 README 称它是给编程代理的本地视频编辑器:用本机的 FFmpeg 剪你的素材,并检查输出。它写明 No cloud、No API keys,使用 Python 标准库。ffmpeg 和 python3 在 PATH 上就可以离线工作。
和「写代码渲染」的关系:Remotion 或 HyperFrames 已经导出文件之后,用它做后期。README 写明它不决定剪哪里、字幕该写什么(用户给的字幕原文按原样烧录)。
安装(Claude Code;Cursor 加 --cursor,Codex 加 --codex,三个一起加 --all):
npx ffmpeg-skill
检查本机的 ffmpeg、ffprobe 以及工具要用到的组件:
npx ffmpeg-skill doctor
已安装过的话,再跑一次 npx ffmpeg-skill 会刷新 ~/.claude/skills/ffmpeg-skill,副本不会自动更新。doctor 整体 ok 只表示所有工具都需要的组件没有缺;macOS 上普通的 Homebrew ffmpeg 仍可能让 caption.py 不可用(没有 subtitles 滤镜)。要看单个工具,读 doctor --json 里的 tools。
README 点名、又和后期直接相关的脚本:
| 脚本 | README 中的作用 |
|---|---|
cut.py | 按入点出点或多段剪切;能流复制时先流复制 |
caption.py | 烧录 SRT/ASS,或由带时间的纯文本生成 SRT;可做逐字卡拉 OK。可选本地转写,不强制 |
fit.py | 改时长和/或宽高比(留边、裁切,或模糊填充)。演示里有 fit.py --aspect 9:16 --fit crop |
loudness.py | 两遍 EBU R128 loudnorm。默认目标是 −14 LUFS / −1 dBTP,也可以指定别的目标 |
export.py | 按预设导出。README 列出的预设包括 youtube、reels、tiktok、shorts、linkedin、facebook、x 等 |
公开工具一共 42 个。工作顺序是 README 里的 probe → 能无损则无损 → check → 核对。画面有改动时,代理还要跑 look.py 看它生成的 PNG;这个仓库本身不识别人脸或主体。
vox-director:依赖 Atlas Cloud
Alisa0808/vox-director 的 README 写明:给一个主题,做出 Vox 风格的纸拼贴讲解或广告片(脚本、关键帧、运动、旁白、音乐、字幕),最终是一个 mp4。它是给 Claude Code、Codex 等编程代理用的 agent skill。
这条路径不是「Opus 写 Remotion / HyperFrames 代码再渲染」。README 写明流水线跑在 Atlas Cloud API 加上本地 ffmpeg 上,并要求一只 Atlas Cloud API key。模型列表在 README 里标注为在 Atlas Cloud 上核对过;运行前技能会向 Atlas Cloud 的模型列表接口取当前 ID。
安装(README 的 Option A):
git clone https://github.com/Alisa0808/vox-director.git ~/.claude/skills/vox-director
Option B 是下载仓库里的 vox-director.skill,用 Claude 的技能界面安装。然后按 README 设置密钥(引号里的值是 README 中的占位符):
export ATLASCLOUD_API_KEY="sk-..."
README 列出的本机要求:一只编程代理、Atlas Cloud API key、ffmpeg 与 ffprobe、Python 3 和 Pillow(用于字幕和水印)。示例命令:
brew install ffmpeg
pip install pillow
流程上有两道人工关口:先批准 beats.json 里的节拍,再从 3 到 4 种风格里选一种。其余步骤由技能跑完,输出在 out/<project>/final.mp4。README 还写了另外两种输入:已有口播视频(A-roll)、一张静帧(C-roll),以及主持人模式。本文不转载其演示片。
社区热门项目
下面这些仓库不是官方底座,而是在 Remotion、HyperFrames 或 Playwright + ffmpeg 之上封装好的技能和工程。每个都有单独教程:
- 找灵感与提示词:awesome-opus5-5-videos、mg-styles-15
- 风格工具箱与讲解动画:lemo-opuscar、animate、claude-motion-design、sweety-handdraw-video
- 动效技能包:claude-motion(第三方)、motion-graphics-skills
- 产品发布片:product-launch-motion
- 剪辑真实素材:herk-edit-kit
- 完整工程:pdoom-video、ClaudeAnimationBase
常见问题
装了技能,Claude 还是不用?
HyperFrames 插件文档:装完要新开会话或运行 /reload-plugins,并用 claude plugin details hyperframes 看清单。独立技能的选择器默认什么都不勾,需要勾上 Core Skills。Remotion 技能的调用方式以各技能名为准,例如 /remotion-best-practices。环境问题见 环境搭建。
ffmpeg-skill 会把成片传到网上吗?
README 写明不会:No cloud、No API keys,在你本机的素材上工作。可选的语音识别也写明音频不上传;个别引擎第一次运行会下载模型权重。
vox-director 能不能离线、只靠 Opus 出画面?
不能按 README 那样离线跑完。它要求 Atlas Cloud API key,画面和旁白来自该 API 上的模型,再由本地 ffmpeg 合成。只要代码渲染、不要这条 API,用前面的 Remotion 或 HyperFrames。
相关阅读
参考来源(官方)
- Remotion Agent Skills · GitHub:https://github.com/remotion-dev/skills(查阅日期:2026-10-23)
- Remotion · Agent Skills:https://www.remotion.dev/docs/ai/skills(查阅日期:2026-10-23)
- Remotion · Claude Code:https://www.remotion.dev/docs/ai/claude-code(查阅日期:2026-10-23)
- Remotion · 新建项目:https://www.remotion.dev/docs/(查阅日期:2026-10-23)
- Remotion · License:https://www.remotion.dev/license(查阅日期:2026-10-23)
- HyperFrames · GitHub:https://github.com/heygen-com/hyperframes(查阅日期:2026-10-23)
- HyperFrames · Install the plugin:https://hyperframes.heygen.com/guides/plugins(查阅日期:2026-10-23)
- HyperFrames · Prompt Guide:https://hyperframes.heygen.com/guides/prompting(查阅日期:2026-10-23)
- HyperFrames · Make your first video:https://hyperframes.heygen.com/quickstart(查阅日期:2026-10-23)
- kajisho5/ffmpeg-skill:https://github.com/kajisho5/ffmpeg-skill(查阅日期:2026-10-23)
- Alisa0808/vox-director:https://github.com/Alisa0808/vox-director(查阅日期:2026-10-23)