Video Shotcraft 产品宣传片制作
用真实页面截图、Remotion 镜头配方和声音资产制作电影感产品宣传片，支持 Claude Code 与 Codex。
技能说明
Video Shotcraft 是一套面向网页和桌面产品的产品视频制作技能，包含 152 张镜头配方卡、已验收的 Remotion 模板、可复用组件、页面截图脚本和音频资产。SKILL.md 要求先选择模板、自主创作或共同创作模式，再按产品检查、素材采集、分镜、实现、渲染和验收推进，不是一个只靠一句话生成成片的黑盒工具。需要注意：产品截图中的客户数据和密钥必须脱敏，Remotion 与音频素材还各自有许可和归属要求。
关于此技能
把真实产品页面、镜头配方和 Remotion 工程结合起来，制作可复核的电影感产品宣传片或单个动效镜头。
核心能力
镜头配方与参考实现
提供 152 张镜头卡、动态样片和对应实现，帮助选择运镜、节奏与动效参数。
真实页面呈现
强调用目标产品的真实截图、页面纹理和设计 tokens，减少宣传片与实际产品脱节。
声音与节奏设计
包含节奏卡点、SFX 分类和 BGM 处理建议，支持带 BGM 与无 BGM 版本的交付。
完整验收流程
要求静帧检查、整片渲染、抽帧复看和独立终检，适合需要稳定交付的视频任务。
适用场景
产品发布与官网宣传
把网页或桌面产品的关键功能做成短宣传片、发布视频或销售演示。
单镜头动效制作
从镜头画廊挑选一张配方卡，制作页面转场、卡片入场、镜头推进等局部效果。
品牌与功能演示
用真实界面、品牌视觉和音效组织一支可复用的产品演示片。
使用步骤
- 01
安装技能
运行 npx skills add Vincentwei1021/video-shotcraft，或按仓库 README 链接到 Claude Code 或 Codex 技能目录。
- 02
确定创作模式
在模板、自主自由创作、共同创作三种路线中选择；未提供项目时先做最小只读检查，不直接开工。
- 03
准备素材
启动项目并采集真实页面截图，冻结并脱敏客户、个人、内部和密钥数据，再确定分镜、字体、颜色和镜头卡。
- 04
渲染验收
按模板或流水线运行 Remotion，逐镜头输出静帧并检查整片、音频、字幕、数据安全和授权信息。
常见问题
支持哪些 Agent？+
README 明确面向 Claude Code 和 Codex，也可按标准技能目录接入相近平台；具体命令和路径以目标 Agent 的安装方式为准。
可以直接让它自动生成视频吗？+
不能把它当成无约束的一键生成器。SKILL.md 要求先选模式；如果项目或页面还未提供，应先做只读产品检查并确认方向。
有哪些版权和授权注意事项？+
仓库本身使用 Apache-2.0，但 Remotion 有独立许可证，商业公司可能需要付费授权；音频和样片素材也有各自的归属与许可要求，发布前必须查看对应文件。
如何避免泄露产品数据？+
真实页面截图中的客户、个人、内部、实时数据和密钥必须替换或脱敏，并在采集前冻结；演示素材也要检查是否包含不应公开的信息。
运行环境有什么要求？+
需要 Node/npm 和 Remotion 工程；部分镜头需要额外 npm 包，渲染时还要留意 Chromium、并发上限和 CDN 可用性。
npx skills add Vincentwei1021/video-shotcraft