SuperAPI AI 工具集

browser-recording

设计与创作

查看项目

更新于 10-15 17:20

技能介绍

用途:使用 Playwright 录制浏览器会话,生成 Web UI 交互的视频,用于教程和文档演示。

主要能力:验证 Playwright 安装;执行启用视频录制的 Playwright 测试脚本;获取 WebM 格式录像;再通过 gif-generation 技能转换为 GIF。

使用方式:先运行 npx playwright --version 检查环境,未安装时执行 npm install -D @playwright/test 与 npx playwright install chromium。脚本需位于 specs/ 或 tests/ 目录,扩展名为 .spec.ts 或 .spec.js,并在 playwright.config.ts 中启用 video。执行命令为 npx playwright test <spec-file> --config=playwright.config.ts。录像默认输出到 ./test-results/<test-name>/video.webm。转换 GIF 时调用 scry:gif-generation,传入输入、输出路径,建议 fps 为 10、宽度 800。

适用场景:录制浏览器交互、制作 Web 应用演示、CI/CD 与跨浏览器自动化录制。

限制:不适用于纯终端工作流(应改用 scry:vhs-recording)或静态截图。需确保脚本动作在测试结束前完成,否则可能生成空视频。Claude Code 2.0.72+ 自带 Chrome 集成,适合交互式调试,本技能更偏向自动化录制。

资料未提供收费、价格与平台支持等细节。