Repolode
Vincentwei1021

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. 1

    使用 skills CLI 安装该技能

    npx skills add Vincentwei1021/video-shotcraft
  2. 2

    手动克隆仓库并链接到 Claude Code(可选方式)

    git clone https://github.com/Vincentwei1021/video-shotcraft.git
  3. 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 数据每日更新。

相关项目