视频视觉分析
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_5c5812b2/video-visual-analysis。
技能介绍
拿到一段产品演示或界面走查视频,最头疼的是:能用的信息都藏在画面里,但很难快速变成可复用的设计资产。散落在几十秒画面中的布局比例、卡片圆角、色彩规范、功能模块,靠逐帧截图与肉眼比对,既慢又容易漏。视频视觉分析 技能把这件事拆成可自动化的流程:抽帧、多轮视觉分析、结构化输出。
核心能力
- 用
ffprobe先摸清视频底细:时长、分辨率、帧率、编码格式。 - 调用技能自带的
extract_keyframes.py抽取关键帧,跳过开头结尾各 2 秒,按时间线均匀铺开。 - 把帧分批交给
read_image做多轮视觉分析,每轮聚焦不同维度。 - 汇总为结构化 Markdown 报告,同时保留
_s.jpg关键帧文件备查。
工作流程
- 第一步:获取视频信息。 通过
ffprobe输出 JSON,解析出duration、width、height、r_frame_rate,为抽帧策略提供依据。 - 第二步:抽取关键帧。 运行
extract_keyframes.py,常用参数包括--input(输入视频)、--output(输出目录)、--count(帧数,默认 12,建议 8~15)、--prefix(文件名前缀)。对 3 分钟左右的视频抽 12~15 帧,帧在时间线上均匀分布,自动跳过开头与结尾各 2 秒。 - 第三步:视觉模型多轮分析。 帧按每批 2~3 张送入
read_image。
- 第一轮整体概览:关注布局结构、主色与辅助色(尽量给出色值)、功能模块划分、导航结构、字体风格,以及画面中的可见文字。
- 第二轮组件细节:抠卡片边框、阴影、按钮、输入框、弹窗、标签、进度条、字号层级、间距留白等样式。
- 第三轮(按需)特定页面/功能:围绕用户关注点定制 query,例如交互流程、表单字段、数据展示方式。
- 第四步:综合输出。 把多轮结果整合为报告,保留关键帧图片路径,方便回溯对照。
适用边界与注意点
- 依赖本地
ffmpeg/ffprobe;未安装时会给出提示。 - 视频过短(<5 秒)时,减少帧数到 3~5 帧直接抽取。
- 视频格式不被识别时,建议先转码为 mp4 再试。
- 抽帧失败时,可尝试不同时间点或提高抽取数量;分析不清晰时,可换角度重试或放大局部区域。
- 支持用户指定时间点抽帧,替代默认的均匀分布策略。
使用场景
- 拿到一份竞品功能演示视频,需要从中还原界面布局、配色方案和功能模块,整理成设计参考文档。
- 产品走查视频里展示了多个页面的交互流程,要提取表单字段、按钮和数据展示方式,形成功能清单。
- 设计系统缺失历史资料,需要从旧版界面演示视频中抢救卡片样式、圆角、阴影、字号层级等规范。
- 设计评审前只有一段界面走查录屏,要用分析结果汇报导航结构、组件样式与主要功能区域划分。
适合人员
- 前端工程师:需要根据演示视频还原界面组件样式和交互细节,快速搭建参考页面。
- UI 设计师:想从产品演示视频中提取配色、字体层级和间距规范,补充到设计系统中。
- 产品经理:要从界面展示视频里梳理功能模块与操作流程,撰写竞品分析或需求文档。
- 设计系统负责人:缺少历史资料时,需从旧版演示视频中批量抢救界面规范并归档。