从代码库到宣传视频，原创配乐 + 独立音效，这个 Skill 把宣传片做成了工程

软件更新了，宣传片做了吗？

大多数团队的流程是：开发改完代码，市场写份 changelog，设计做一个 PPT，运营发条推文。如果要出视频，要么外包，要么自己硬剪。

把代码库交给 AI，它从提交记录里提炼卖点，接入产品真实组件，写分镜文案，用代码原创配乐，配独立音效，最后导出 MP4 。

▲ 从代码提交到成片，全流程自动化，输出可继续修改的视频工程。

01 不是一次生成，是一套工程

大多数 AI 视频工具的输出是一个固定的 MP4——生成完就结束了，想改一个字得重来。

这个 skill 的输出是四样东西：

一支可发布的 MP4，一个可继续修改的视频工程，几张关键画面，一份完整的追溯记录（组件来源、素材来源）。

视频工程是什么概念？

宣传片的所有元素——画面、文案、动画、配乐、音效——都是代码驱动的。

改文案、调时长、换配色，重新渲染就行，不需要重做整条片子。

02 真实组件，不是截图拼贴

最核心的设计理念是：宣传片里的画面，必须来自产品的真实组件。

具体怎么做？

以 React 项目为例：找到展示目标功能的那个组件，加载它完整的样式链（CSS、主题、字体、图标），补上最小化的 provider/context 和静态 props，然后在独立的浏览器环境中挂载渲染。

组件内部的 DOM、动画、hover 状态全部保留原样。

Vue 和 Svelte 项目有各自的渲染入口。Electron 项目不启动真实 IPC，而是展示适配层。

03 三种风格，先选适合你的

第一次使用时，AI 会先确认风格方向。已经决定过的选择会自动沿用，不用每次重新回答。

沿用产品风格（推荐）：产品已有完整设计，宣传片一眼就像自己的软件。

默认样式：没有成熟设计，先用 CodePilot 的暖白/炭黑/卡片层次/中英文排版快速开始。

混合模式：保留软件内部真实界面，外层文案、取景和节奏做得更适合传播。

无论哪种模式，功能镜头都优先用原产品组件。默认样式只负责外层排版和视觉包装。

04 原创配乐 + 独立音效轨道

宣传片的声音设计容易被忽视，归藏 skill 把它当一等公民。

配乐用代码原创：内置 48 秒 120 BPM 的示例配乐源码，根据本片时长和节奏改编。工程里保留合成与编曲源码，改音乐等于改代码。

音效独立成轨：11 个代码合成的 WAV 音效库（click、pop、ding-dong、success 等），先搜索可用素材库，缺项才用内置素材。

音乐让位：点击、弹出、切换、完成提醒等动作有独立音效事件。关键反馈出现时，音乐会短暂降低音量，让音效真正听得见。混音结果有证据报告。

05 六步工作流，每步都有检查点

归藏 skill 的标准流程：

第一步：确认范围与风格。 产品是什么、更新范围、受众是谁、发布平台、画幅、语言、风格。

第二步：初始化环境检查。 自动检测 Node.js、Python、FFmpeg、Playwright，缺什么补什么。

第三步：调查更新并接通组件。 查版本和代码，找出 3-5 组核心变化，接通一个真实功能镜头验证可行性。

第四步：编排画面与文案。 写分镜和口语化白话文案，渲染 3-6 张关键静帧自检，确认方向后再做完整动画。

第五步：完成动效与声音。 主时间轴控制组件状态和镜头，原创配乐，独立音效对齐操作节点，混音让位。

第六步：验证并交付。 检查裁切、字体、图片、Logo、阅读时间、音画同步，输出 MP4 + 视频工程 + 预览图 + 追溯记录。

每步都有明确的产出和检查标准，不是”AI 自己看着办”。

写在最后

软件宣传片的痛点一直很明确：要真实、要好看、要快、要能改。

代码库就是你的素材库，产品设计就是你的视觉语言。

把重复劳动变成可复用的工程，这才是 AI 辅助内容生产的正确姿势。

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