一个 MIT 开源的 Claude Agent Skill,让 Claude 用 Remotion 通过代码创作和编辑动态图形视频。
Vincentwei1021/video-shotcraft
面向 Claude Code 与 Codex 的智能体技能,用 Remotion 代码把产品页面制作成电影感宣传视频。
可替代:Synthesia
- Star
- 12,479
- Fork
- 1,122
- 未关闭 Issue
- 10
- 最近提交
- 3天前
这是什么?
video-shotcraft 是一个供 Claude Code 和 Codex 使用的技能。向智能体提出制作产品宣传片的需求后,它会截取真实页面,从 124 张动效配方卡(共 150 个镜头)中挑选镜头,编排分镜,并用 Remotion 生成动画。随后添加与节拍同步的音乐和音效,逐帧检查,最后渲染为 MP4。
这个项目不是生成式视频模型。每一帧都由 React 代码基于你自己的截图和文案绘制,画面清晰,成片之后仍可继续编辑。内置的 Motion Workbench 是基于浏览器的时间线编辑器,可调整文案、时长和镜头;还可导出剪映(CapCut 国内版)草稿,方便二次剪辑。
仓库包含镜头配方卡、Remotion 参考实现、可直接运行的模板、约 150 个音效和 5 条背景音乐,以及页面截图脚本。渲染需要 Node.js 和 ffmpeg,无头 Linux 与 CI 环境的额外配置在文档中有说明。
核心功能
- 01抓取真实产品页面,用你自己的截图和文案制作成片。
- 02提供 10 个分类共 124 张镜头配方卡,每张都有对应的 Remotion 实现。
- 03按背景音乐节拍同步剪辑点与音效。
- 04成片后可在浏览器中的 Motion Workbench 调整文案、时长和镜头。
- 05可导出可编辑的剪映草稿,包含分镜片段和字幕轨道。
- 06支持可选的社交平台发布(通过 Upload-Post)。
适用场景
- 为软件产品或开源项目制作发布、功能介绍类宣传视频。
- 在没有视频剪辑软件的情况下,用已有应用截图制作短动效广告。
- 用代码编写产品片原型,便于版本管理和后续修改。
- 把单个动效配方复用为自己 Remotion 项目中的模板。
快速上手
- 1
使用 skills CLI 安装该技能
npx skills add Vincentwei1021/video-shotcraft - 2
手动克隆仓库并链接到 Claude Code(可选方式)
git clone https://github.com/Vincentwei1021/video-shotcraft.git - 3
在 Claude Code 或 Codex 中让智能体为你的产品制作宣传片
使用前须知
- 专为 Claude Code 和 Codex 设计和调优,其他智能体可能效果不佳。
- 渲染需要 Node.js、npm 和 ffmpeg,首次渲染会下载无头 Chrome。
- 在 macOS 上测试;Linux 无头渲染需要额外参数和本地浏览器二进制文件。
标签
常见问题
- video-shotcraft 是什么?
- 面向 Claude Code 与 Codex 的智能体技能,用 Remotion 代码把产品页面制作成电影感宣传视频。 video-shotcraft 是一个供 Claude Code 和 Codex 使用的技能。向智能体提出制作产品宣传片的需求后,它会截取真实页面,从 124 张动效配方卡(共 150 个镜头)中挑选镜头,编排分镜,并用 Remotion 生成动画。随后添加与节拍同步的音乐和音效,逐帧检查,最后渲染为 MP4。
- video-shotcraft 可以免费使用吗?用的什么许可证?
- video-shotcraft 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
- video-shotcraft 还在维护吗?
- 活跃维护中。video-shotcraft 最近一次提交是在 2026年10月17日。
- video-shotcraft 适合用来做什么?
- 为软件产品或开源项目制作发布、功能介绍类宣传视频。 在没有视频剪辑软件的情况下,用已有应用截图制作短动效广告。 用代码编写产品片原型,便于版本管理和后续修改。 把单个动效配方复用为自己 Remotion 项目中的模板。
- video-shotcraft 怎么安装和运行?
- 使用 skills CLI 安装该技能: npx skills add Vincentwei1021/video-shotcraft 手动克隆仓库并链接到 Claude Code(可选方式): git clone https://github.com/Vincentwei1021/video-shotcraft.git 在 Claude Code 或 Codex 中让智能体为你的产品制作宣传片
- 在哪里获取 video-shotcraft?
- 源代码和安装说明在 GitHub 上:https://github.com/Vincentwei1021/video-shotcraft
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
让 Claude Code / Codex 制作口播解说视频的 agent skill,支持字级配音同步与 Remotion 渲染。
面向 Claude Code 与 Codex 的制作技能,按六个阶段指导 30 到 90 秒动态图形视频的制作,并逐段检查质量。
一套让 AI 编程智能体用 Remotion 制作动态图形与短视频片段的 Agent Skills。
一个 Claude Code 技能,用 51 种影片风格制作短片,全部由代码生成,不依赖视频生成模型。
一组可安装的智能体技能,教 AI 编程助手制作动态图形、动画与视频。