Browser Screenshot Diff
Browser Screenshot Diff is an agent skill (a SKILL.md file) from ruvnet/ruflo. Visual + DOM diff between two recorded sessions at matching trajectory step ids; used for visual regression and replay verification. It works with Claude Code and Codex and has 74,016 GitHub stars across a repository of 7 listed skills.
github.com/ruvnet/ruflo/plugins/ruflo-browser/skills/browser-screenshot-diff (opens in a new tab)
- Multi-skill repo
- Plugin marketplace
- Testing & QA
- Actively maintained
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add ruvnet/ruflo
/plugin install ruflo-browser@rufloIn the Claude apps, zip the browser-screenshot-diff folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/ruvnet/ruflo.git
cp -r ruflo/plugins/ruflo-browser/skills/browser-screenshot-diff .agents/skills/browser-screenshot-diff # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/ruvnet/ruflo.git
cp -r ruflo/plugins/ruflo-browser/skills/browser-screenshot-diff .cursor/skills/browser-screenshot-diff # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Visual + DOM diff between two recorded sessions at matching trajectory step ids; used for visual regression and replay verification Compare two recorded sessions step-by-step. Pairs each step in session A to the same step-id in session B, diffs the captured screenshot and accessibility snapshot, reports the first divergence and an aggregate similarity score.
More skills in ruvnet/ruflo
7 skills are listed from this repository.
Similar skills
More testing & qa skills
Systematic Debugging
obra/superpowers
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.
Testing & QAShellTest Driven Development
obra/superpowers
Use when implementing any feature or bugfix, before writing implementation code.
Testing & QAShellVerification Before Completion
obra/superpowers
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims…
Testing & QAShellFinishing A Development Branch
obra/superpowers
Use when implementation is complete, all tests pass, and you need to decide how to integrate the work.
Testing & QAShellDiagnosing Superpowers
obra/superpowers
Use when a superpowers session went wrong and your human partner wants to know why — repeated work, ignored plans, stumbles, poor results, a skill that didn't fire, "it took too long", "why is it so…
Testing & QAShellTDD
mattpocock/skills
Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.
Testing & QAShell
What is the Browser Screenshot Diff skill?
Browser Screenshot Diff is an agent skill (a SKILL.md file) from ruvnet/ruflo. Visual + DOM diff between two recorded sessions at matching trajectory step ids; used for visual regression and replay verification. It works with Claude Code and Codex and has 74,016 GitHub stars across a repository of 7 listed skills. Its SKILL.md lives at github.com/ruvnet/ruflo/plugins/ruflo-browser/skills/browser-screenshot-diff.
How do I install the Browser Screenshot Diff skill?
In Claude Code, run /plugin marketplace add ruvnet/ruflo and then /plugin install ruflo-browser@ruflo. For Codex or Cursor, copy the browser-screenshot-diff folder into .agents/skills/ or .cursor/skills/.
Is the Browser Screenshot Diff skill free?
Yes. The repository is open source under the MIT license.
Is Browser Screenshot Diff maintained?
The repository's most recent commit was on Oct 7, 2026. Its latest release is v3.54.0. appsgit only lists skills from repositories with a commit in the last six months.