browser-recording - Record browser flows as video or GIF evidence for UI PRs
Records browser flows as video or GIF evidence using Playwright and ffmpeg for UI animations, transitions, and multi-step interactions.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Drive Chromium with Playwright
- Record session to WebM
- Convert WebM to MP4
- Convert WebM to GIF
- Verify encoded artifact frames
Inputs
- Target URL
- Scenario script
- Target project directory
- Output directory path
Outputs
- WebM video file
- MP4 video file
- Palette-optimized GIF file
- Stdout path logs
Requirements
- Node.js
- Playwright with Chromium in target project
- ffmpeg (optional for MP4 and GIF)