video-shotcraft

video-shotcraft 是一个开源的 Agent 技能，能把 Claude Code 或 Codex 变成动效设计工作室：把产品交给它，它就用 Remotion 完成分镜、动画与音效设计，产出电影感的产品宣传片、营销片、发布片或演示视频——包含真实页面录制、2.5D 镜头运动、节拍对齐剪辑与电影级音效。一手来源：github.com/Vincentwei1021/video-shotcraft（Apache-2.0，2026-08-22 约 6,000 star），另有可搜索的 动效预览画廊。

核心功能

• 152 张镜头配方卡：每张卡包含用途、能量、建议时长、参数、实现要点与已知坑点，覆盖 10 个功能类别。
• 209 个动效预览：在在线画廊中可搜索、可筛选，并配有带真实缓动与时长参数的 Remotion TSX 参考实现。
• 生产级模板：「Ink Press」是一支经过验证的 36.2 秒、1920x1080、30fps 宣传片模板，含 10 个镜头、2.5D 页面镜头运动、标题卡、转场与完整的电影级音效轨。
• 音频库：5 首 BGM，外加横跨 16 个场景/材质类别的 149 个 SFX（转场、冲击、上升、镜头、UI、文字、纸张、胶片、灯光、数据、科幻、机械、玻璃、流体、人群、计数器），已按 md5 去重并保留许可链接。
• 剪映（CapCut CN）工程导出：成片可导出为可编辑的剪映草稿，逐镜头速度、字幕与音频均可再编辑（已在 macOS 剪映专业版 11.2 验证）。
• 生产方法论：拍摄、视觉方向、分镜、音效设计、节拍同步与最终质检规则都写在 SKILL.md 与 references/ 里。

适用场景

• Web 与桌面产品宣传片：整套工具的主要目标场景。
• 功能演示、品牌片、发布片：可复用其中的单张镜头配方卡。
• 独立开发者与市场人员：不请动效设计师也能做出发布级视频。

解决的问题

1. 不需要动效设计能力：Agent 按配方卡完成分镜、动画与音效设计。
2. 超越 PPT 级动画：配方卡记录了真实的镜头运动、转场、节拍剪辑与音效，而非平面翻页。
3. 可复现的质量：经过验证的模板与确定性的 Remotion 组件保证了稳定的产出。

定价方案

快速开始

1. 安装：npx skills add Vincentwei1021/video-shotcraft，或直接让 Agent「Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft」。
2. 把产品交给技能：「Use video-shotcraft to create a promo for my desktop product」。
3. 用 Ink Press 模板走最快成片路径，或先在画廊里挑选镜头。
4. 替换成自己产品的截图、文案与品牌素材；发布前务必替换演示用素材。

常见问题

支持 Claude Code 和 Codex 吗？

支持。安装到 ~/.claude/skills/video-shotcraft 或 ~/.codex/skills/video-shotcraft 均可，文档里两种方式都有说明。

需要会 Remotion 吗？

不需要。技能会替你管理 Remotion。Remotion 自己的许可对个人与小型团队免费。

渲染完成后还能再编辑吗？

可以。剪映（CapCut CN）导出保留逐镜头的速度、字幕与音频，可继续编辑。

替代方案

• Claude Skills：Anthropic 官方技能体系。
• 也可参考站内其他社区技能，例如 Emergency Card。

使用技巧

1. 在低核 headless 机器上渲染，加 --concurrency=1 并指向本地的 chrome-headless-shell。
2. 先选 SFX 类别，再挑音色，参照 sound-design 参考文档。
3. 发布前一定把内置的产品截图换成你自己的素材。

总结

如果你已经在用 Claude Code 或 Codex，video-shotcraft 是从产品到电影感宣传片最快的开源路径：装上它，指向你的产品，剩下的动效设计交给配方卡和模板。