SkillRouter

Demo Video Creator 是一款面向开发团队和产品人员的专业级浏览器自动化录屏工具。该技能通过 Playwright CDP（Chrome DevTools Protocol）协议连接本地 Clawdbot 浏览器，以高帧率捕获浏览器页面交互过程，生成原始帧序列后，利用 FFmpeg 编码为 MP4、GIF 或 WebM 格式的成品视频。核心工作流程遵循"计划-录制-编码"三段式：用户首先规划演示路径与交互时序，随后通过自定义的 record-demo.js 脚本执行自动化浏览、点击、悬停、输入等操作并同步捕获画面，最后调用 frames-to-video.sh 脚本完成视频压缩与格式转换。 该技能的显著优势在于其工程化的自动化能力与输出质量。相比传统手动录屏，它支持通过代码精确控制每一个交互节点的时间轴（如页面加载停留 2 秒、操作间隔 0.5-1 秒），确保视频节奏一致且专业。CDP screencast 模式提供 85-90 质量的 JPEG 帧捕获，兼顾清晰度与文件体积。同时，技能提供 GIF 循环无缝拼接、多分辨率适配等专业功能，特别适合需要频繁迭代产品演示视频的敏捷团队。 然而，该技能也存在一定的使用门槛与环境依赖。首先，它要求目标系统必须预先运行 Clawdbot 浏览器（通过 browser action=start 启动），并正确暴露 CDP 端口（默认 18800），且需要用户自行安装配置 FFmpeg 编码器。其次，录制过程会产生大量临时帧文件（可通过 FRAME_SKIP 参数控制采样率），对磁盘空间有一定要求。此外，脚本编写需要基础的 JavaScript 和 Playwright API 知识，对于非技术背景的产品人员存在学习成本。目前仅支持本地浏览器连接，无法直接录制远程或云端环境。 目标用户群体主要包括：需要制作产品功能演示视频的产品经理与客户成功团队；创建交互式教程的技术文档工程师；生成营销展示素材的增长团队；以及需要自动化 UI 测试录制的 QA 工程师。对于追求视频质量一致性与生产效率的技术团队尤为适用。 使用风险方面，主要涉及本地文件系统的高频 IO 操作（大量帧文件写入）、对外部进程（FFmpeg）的调用依赖，以及 CDP 端口连接失败时的异常情况处理。建议在使用前确保输出目录（OUTPUT_DIR）有充足磁盘空间，验证 Clawdbot 浏览器实例正常运行，并使用可信来源安装的 FFmpeg 版本以避免编码安全问题。