用途:使用 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 集成,适合交互式调试,本技能更偏向自动化录制。
资料未提供收费、价格与平台支持等细节。