SuperAPI AI 工具集

feature-video

设计与创作

查看项目

更新于 10-16 07:16

技能介绍

用途:为 Pull Request 生成功能演示视频,录制浏览器操作流程并嵌入 PR 描述,方便评审者理解改动。

主要能力:解析 PR 编号与基础 URL;读取 PR 标题、正文、变更文件并映射到可测试路由;先规划分镜(起始页、导航、功能演示、边界情况、成功状态)并请用户确认;用 agent-browser 逐步截图,再用 ffmpeg 合成 MP4 与低体积预览 GIF;用 rclone 上传到云存储并校验公开 URL 返回 200;最后用 gh 更新 PR 描述或添加评论。

使用方式:需先安装 agent-browser(command -v agent-browser >/dev/null 2>&1 && echo "Installed" || echo "NOT INSTALLED";npm install -g agent-browser && agent-browser install),并配置 rclone 与 gh。命令示例:/feature-video、/feature-video 847、/feature-video 847 http://localhost:5000、/feature-video current https://staging.example.com。录制时用 agent-browser open、snapshot -i、click、wait、screenshot 采集画面,再执行 ffmpeg 合成,例如 ffmpeg -y -framerate 0.5 -pattern_type glob -i 'tmp/screenshots/*.png' -c:v libx264 -pix_fmt yuv420p -vf "scale=1280:-2" tmp/videos/feature-demo.mp4。上传用 rclone copy tmp/videos/ r2:kieran-claude/pr-videos/pr-[number]/ --s3-no-check-bucket --progress,并用 curl -I 校验 URL。

适用场景:需要为前端或 Web 功能改动提供可视化演示的 PR,尤其是涉及用户流程、交互或界面变更时。

限制:GitHub 无法直接嵌入外部 MP4,需用可点击的 GIF 链接到视频;依赖 agent-browser、ffmpeg、rclone、gh 及可访问的公开存储域名;截图帧率与时长需自行控制,建议 10-30 秒;具体存储桶、域名等配置需按自身环境替换,资料未提供默认值。