设计#视频生成#代码智能体

video-shotcraft:让 Claude Code 会拍产品宣传片

video-shotcraft 是给 Claude Code 用的视频技能:157 张镜头配方卡加已验收模板,用 Remotion 做出电影感的产品宣传片。

Skill 资料

安装命令
npx skills add Vincentwei1021/video-shotcraft --skill video-shotcraft

Ink Press 模板成片的一帧:超大衬线标题压在真实页面截图的 2.5D 漂浮卡片上

让 AI 给产品做宣传片,最常见的产出是一段假 UI 配轮播转场的 PPT 视频,节奏和声音全靠运气。video-shotcraft 是 Vincentwei1021 开源的智能体技能(截至 2026-10-09 仓库 10,990 个 star,Apache-2.0):装进 Claude Code 或 Codex 之后,智能体按电影工序干活——真实页面截图、分镜、2.5D 运镜、卡点剪辑、声音设计,最后用 Remotion 渲染成片。

Ink Press 模板成片的一帧:超大衬线标题压在真实页面截图的 2.5D 漂浮卡片上

它让智能体按什么顺序做事

SKILL.md 先让智能体三选一:直接用已验收的 Ink Press 模板(36.2 秒、1920×1080、30fps、10 个镜头的纸墨琥珀风,只换产品素材,是最快出片路线);授权智能体自主创作;或共同创作,在产品简报、视觉方向、镜头映射、分镜这些节点逐步确认。无论哪条路,镜头都从 157 张配方卡里选——每张卡写明用途、能量、建议时长、参数和已知的坑,仓库里配着能直接跑的 Remotion TSX 实现,官网上有 214 条动态样片可以挑。

它约束了什么

  • 复刻页面必须用真实截图:先起本地 dev server,无头浏览器截 2x 全页再加元素级抠图和坐标表;手搓 UI 只允许出现在抽象开场这类非复刻段落。
  • 敏感数据先冻结再采集:客户数据、密钥、内部信息必须换成虚构或脱敏内容,采集前冻结。
  • 声音有纪律:149 个音效按 16 类分目录,免费商用;画面里真有点击就配拟音,合成提示音要逐个试听。
  • 成片要过验收:视觉 QA 清单由独立的 subagent 过一遍,不过就返工。

交付不算完:成片会打开浏览器里的动效工作台,CapCut 式时间线把镜头、转场、字幕、音效分轨摆开,改文案、调时序、从 216 个 demo 动效里拖新镜头都行,预览和渲染逐像素一致。

video-shotcraft 的动效工作台:浏览器时间线里镜头、转场、字幕、音效分轨呈现

还能导出成剪映工程接着剪——Mac 剪映 11.2 实测通过,Windows 版写了实现但作者标注未真机验证。

适合谁

做 web 或桌面产品、想自己产出宣传片的独立开发者和双人小团队;镜头卡也能单独抽出来,给任何视频项目当动效词汇用。装之前想清楚两件事:渲染栈不轻,Node 加 Remotion 加无头 Chrome,低配 CI 机器要按 README 绕 concurrency、headless-shell、CDN 三个坑;它只深耕产品宣传片这一类,不是通用剪辑器。作者还有个姊妹项目 video-talkcraft,专做旁白视频(78 张卡,字级时间戳对齐中位 20–40ms)。想让智能体剪已有素材是另一条路线,可以看 video-use;剪映草稿自动化另见 jianying-headless。