归藏 product video skill

把代码库交给 AI，告诉它这次更新了什么，就可以开始做一支软件更新宣传片：整理卖点、写文案、接入原组件、做动画、写配乐、配音效，最后导出视频和可继续修改的工程。这是作者在制作 CodePilot 宣传片时反复打磨的流程，重点是三件事：看起来像你的产品、听得懂你在讲什么、看完不会觉得拖沓。

核心能力

1. 智能提取更新内容：从版本提交记录和代码变更中，自动识别值得宣传的产品更新，整理成用户能理解的卖点，而不是逐条念提交日志。
2. 真实产品组件接入：直接复用产品自己的 UI 组件和演示状态，确保宣传片视觉与实际产品一致，不依赖占位图或概念图。
3. 代码渲染原创配乐：配乐由代码合成生成，工程保留编曲源码，可根据当前影片的时长、节奏和结尾动态调整，而非使用版权音乐。
4. 独立音效与混音处理：点击、弹出、切换、完成提醒等动作有独立音效事件，关键反馈出现时音乐短暂降低，让操作声音真正听得见。
5. 三种风格适配不同产品：支持「沿用产品风格」（推荐给有完整设计的成熟产品）、「默认样式」（CodePilot 暖白/炭黑排版）和「混合模式」（保留真实界面，外层适配传播风格）。
6. 视频工程可继续修改：导出 MP4 的同时保留完整的视频工程文件，方便后续调整文字、布局、时长、动画和声音并重新渲染。

安装配置

方式一：skills CLI 安装（推荐）

在终端运行以下命令，按提示选择 AI 编程工具和安装范围：

npx skills add https://github.com/op7418/guizang-product-video-skill --skill guizang-product-video-skill

方式二：手动安装

Codex 安装：

mkdir -p ~/.agents/skills git clone https://github.com/op7418/guizang-product-video-skill.git ~/.agents/skills/guizang-product-video-skill

Claude Code 安装：

mkdir -p ~/.claude/skills git clone https://github.com/op7418/guizang-product-video-skill.git ~/.claude/skills/guizang-product-video-skill

环境依赖

首次使用会自动检查以下依赖，缺什么按官方方式补装：Node.js ≥ 22、npm、Python ≥ 3.9、FFmpeg / ffprobe、Playwright Chromium。

使用步骤

1. 安装 skill 并在支持 skills 的 AI 编程工具中加载。
2. 打开产品代码库，向 AI 描述本次要介绍什么更新、给谁看、发在哪个平台（横版/竖版、B站/YouTube/其他）。
3. AI 确认风格：沿用产品风格、CodePilot 默认样式或混合模式，三种模式的功能镜头都会优先用原产品组件。
4. AI 执行六步制作流程：① 确认产品范围和受众 → ② 从代码和版本记录中提取真实内容 → ③ 写分镜和白话文案，渲染关键画面 → ④ 用时间轴控制状态、入场、转场和细节动画 → ⑤ 原创配乐并混音 → ⑥ 检查画面、字体、音画同步并导出。
5. 交付成品：获得可发布的 MP4 视频、可继续修改的视频工程文件、关键封面图，以及完整的素材和检查记录。

适用场景

1. 版本更新宣传片：软件发布新版本时，快速制作 45–60 秒的 changelog 视频，介绍主要功能更新和体验改进，适合 B 站、官网和社交媒体发布。
2. 多语言海外推广：生成英文或其他语言的 changelog promo，面向第一次接触产品的海外用户，先讲问题再展示操作，保留产品原组件和字体风格。
3. 产品概念预热：先让 AI 整理卖点、分镜和几张关键渲染画面，确认方向后再制作完整动画，避免反复修改浪费时间。
4. 已有视频二次修改：对已生成的片子提出具体修改意见（如「模型选择段太慢，压缩到三秒」「加一个叮咚声」），AI 执行局部调整而非重新生成全片。
5. 社交媒体配套素材：配合归藏社交媒体卡片 skill，一键生成图文并茂的更新介绍，适合在产品发布日同步推送到多个平台。

适用人群

软件开发者和独立工具作者：需要为自己的产品快速制作版本更新宣传片，但没有视频制作经验或设计资源；产品已有完整 UI 设计，希望宣传片视觉与产品本身保持一致；希望宣传片能够持续随产品迭代更新，而不是每次重新制作。

工作原理

该 skill 驱动 AI 编程工具（如 Claude Code、Codex）执行一套完整的视频制作流水线。首先分析产品代码库和版本记录，提取真实功能状态和更新内容；然后用 React、esbuild 和 Playwright 渲染真实产品界面作为画面素材；接着用 Python 脚本合成原创配乐并处理音效；最后由 FFmpeg 编码输出 MP4。整个流程由代码驱动而非 AI 视频生成，画面可追溯、可修改，输出质量与真实产品保持一致。

官方链接

GitHub 仓库：https://github.com/op7418/guizang-product-video-skill

关联技能（同一作者）：归藏社交媒体卡片 skill — https://github.com/op7418/guizang-social-card-skill