Browser Screenshot Diff

Takes two recorded browser sessions and runs them side by side, matching steps by ID to spot visual and DOM differences. You'd use this after a UI refactor to catch regressions, or to verify that a replayed session still matches the original recording within tolerance. The pixel diff can be noisy (font rendering, scrollbars), so the DOM comparison against Playwright's accessibility tree is often more reliable. Reports the first divergence, an aggregate similarity score weighted by step duration, and writes findings into a new RVF container. It's local file work, not a live browser tool, which keeps things simple but means you need both session artifacts on disk first.

Install to Claude Code

npx -y skills add ruvnet/ruflo --skill browser-screenshot-diff --agent claude-code