### [video-shotcraft：让 Claude Code、Codex 用 150 个镜头动效制作产品宣传片](https://www.appmiao.com/article/4686)

**Published:** 2026-11-02T04:22:55

**Author:** 阿喵#

**Excerpt:** video-shotcraft 是面向 Claude Code 与 Codex 的开源视频制作 Skill，提…

## 阿喵前言

产品页面做得挺认真，轮到录宣传片，却只剩鼠标来回晃和一串平铺直叙的截图？video-shotcraft 把运镜、转场、字卡和节奏整理成可复用的镜头配方，让 Claude Code 或 Codex 按你的页面制作短片。阿喵更看重它能交付**可以继续修改的 Remotion 工程**，成片之后还能改文案、配色和镜头，不必为了一个小调整重新录一遍。

## 资源介绍

video-shotcraft 是面向 Claude Code 和 Codex 的开源视频制作 Skill，适合给网站、应用和独立产品制作功能演示与宣传短片。它把页面素材采集、分镜、动效、音乐卡点与音效编排串成流程，用 Remotion 将截图和文案渲染成视频，同时保留可编辑源码。

当前主分支与在线镜头库包含 124 张配方卡、150 个动效样式，分为开场、运镜、转场、交互等 10 类。官网提供样片浏览、搜索与配方入口；配套动效工作台在本地工程中打开，供成片交付后继续剪辑。

### 截图

![video-shotcraft官方骨架装配落字镜头样片](https://oss.amiao.app/website/2026/11/02042224/video-shotcraft-demo-advmo-cfc293022b2e.webp)

官网“骨架装配落字”动态样片截帧。

![video-shotcraft动效工作台多轨时间线与镜头属性面板](https://oss.amiao.app/website/2026/11/02042228/video-shotcraft-workbench-advmo-528ecbb9e541.webp)

项目提供的动效工作台截图：预览、属性面板与多轨时间线。

### 特色

-   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 为准；工作台旧截图中的数量不代表当前镜头库规模。

## 使用教程

1.  先打开在线镜头库，按开场、文字、交互等类别查看动态样片，记下喜欢的配方卡名称。
2.  在自己的电脑准备 Claude Code 或 Codex、Node.js、npm 和 ffmpeg／ffprobe，再按仓库安装说明添加 Skill。官方提供的安装命令为：
    
    ```
    npx skills add Vincentwei1021/video-shotcraft
    ```
    
3.  准备产品网址、截图、标志、核心文案和期望时长，对 Agent 描述需求，例如：“用 video-shotcraft 给我的产品做一支宣传片。”也可以附上刚选好的镜头卡名称。
4.  先确认视觉风格与分镜，再让 Agent 采集页面、制作动画和编排声音；检查样片中的文字、品牌素材与节奏后继续调整。
5.  成片交付后，用配套动效工作台修改镜头和文字，通过 Remotion 导出；需要在剪映接着剪时，再按仓库说明导出剪映草稿。

## 资源获取

[在线镜头库](https://vincentwei1021.github.io/video-shotcraft) · [GitHub 仓库](https://github.com/Vincentwei1021/video-shotcraft) · [中文使用说明](https://github.com/Vincentwei1021/video-shotcraft/blob/main/README_CN.md) · [社区成片展示](https://vincentwei1021.github.io/video-shotcraft/showcase.html)

**Tags:** AI Agent Skill, Claude Code, Codex, Remotion, 产品宣传片, 代码动画, 动效设计, 开源, 自动化, 视频剪辑

**Categories:** 人工智能, 开源项目

---