阿喵前言
产品页面做得挺认真，轮到录宣传片，却只剩鼠标来回晃和一串平铺直叙的截图？video-shotcraft 把运镜、转场、字卡和节奏整理成可复用的镜头配方，让 Claude Code 或 Codex 按你的页面制作短片。阿喵更看重它能交付可以继续修改的 Remotion 工程，成片之后还能改文案、配色和镜头，不必为了一个小调整重新录一遍。
资源介绍
video-shotcraft 是面向 Claude Code 和 Codex 的开源视频制作 Skill，适合给网站、应用和独立产品制作功能演示与宣传短片。它把页面素材采集、分镜、动效、音乐卡点与音效编排串成流程，用 Remotion 将截图和文案渲染成视频，同时保留可编辑源码。
当前主分支与在线镜头库包含 124 张配方卡、150 个动效样式，分为开场、运镜、转场、交互等 10 类。官网提供样片浏览、搜索与配方入口；配套动效工作台在本地工程中打开，供成片交付后继续剪辑。
截图
特色
- 124 张镜头配方卡可搜索、筛选，直接复制卡名指定画面风格。
- 用真实页面与产品文案制作动效，交付 MP4 和 Remotion 源码。
- 工作台支持调整文案、配色、镜头时长及速度，继续编辑成片。
- 把分镜、音乐卡点和音效编排纳入同一制作流程。
- 可选导出剪映草稿，保留镜头分段、字幕与独立音轨。
注意
- 需要 Claude Code 或 Codex，以及 Node.js、npm、ffmpeg／ffprobe；分析音乐节拍时另用 uv，模型调用费用由所用服务决定。
- 代码与文档采用 Apache-2.0；Remotion 有独立许可，商用前需核对适用条件，音乐与音效也要按各自许可处理。
- 项目已在 macOS 测试；Linux 有额外渲染配置，剪映草稿安装模块的 Windows 流程尚未验证。
- 当前 Releases 的 showcase-media、gallery-media 用于存放演示媒体，功能说明以当前 main 为准；工作台旧截图中的数量不代表当前镜头库规模。
使用教程
- 先打开在线镜头库，按开场、文字、交互等类别查看动态样片，记下喜欢的配方卡名称。
- 在自己的电脑准备 Claude Code 或 Codex、Node.js、npm 和 ffmpeg／ffprobe，再按仓库安装说明添加 Skill。官方提供的安装命令为：
npx skills add Vincentwei1021/video-shotcraft - 准备产品网址、截图、标志、核心文案和期望时长，对 Agent 描述需求，例如：“用 video-shotcraft 给我的产品做一支宣传片。”也可以附上刚选好的镜头卡名称。
- 先确认视觉风格与分镜，再让 Agent 采集页面、制作动画和编排声音；检查样片中的文字、品牌素材与节奏后继续调整。
- 成片交付后，用配套动效工作台修改镜头和文字，通过 Remotion 导出；需要在剪映接着剪时，再按仓库说明导出剪映草稿。
