agent-browser adds page-state diff commands

Introduced 2026-02-20 · score 0.95

HOW TO USE IT

When reviewing web UI changes, compare page states with `agent-browser diff snapshot`, `diff screenshot --baseline <file>`, or `diff url <url1> <url2>`. Add selectors and depth for scoped accessibility diffs, or `--screenshot` to include visual comparison for two URLs.

WHY THIS HELPS

Compare two page states while reviewing a repository's web UI changes.

REQUIREMENTS AND LIMITATIONS

• Version: v0.13.0
• --baseline <file> (required): Saved snapshot or baseline image to compare against for snapshot or screenshot diff; required for screenshot diff. Snapshot diff can omit it to use the last session snapshot.
• --selector <sel>: Scope snapshot diff to a CSS selector or @ref; screenshot diff to an element.
• --compact: Use compact snapshot format.
• --depth <n>: Limit snapshot tree depth.
• --output <file>: Path for generated screenshot diff image; defaults to temporary directory.
• --threshold <0-1>: Screenshot color-distance threshold; default 0.1, higher is more tolerant.
• --full: Use full-page screenshots.
• --screenshot: For URL diff, also perform visual screenshot comparison.
• --wait-until <strategy>: URL navigation wait strategy: `load` (default), `domcontentloaded`, or `networkidle`.
• Prerequisite: Install agent-browser and download Chromium: `npm install -g agent-browser` then `agent-browser install`.
• Accessibility tree snapshot comparisons support customizable depth and selectors.
• URL comparisons can optionally include screenshot comparison.

FIRST-PARTY EVIDENCE

• https://github.com/vercel-labs/agent-browser/releases/tag/v0.13.0
• https://github.com/vercel-labs/agent-browser/blob/v0.13.0/docs/src/app/diffing/page.mdx
• https://github.com/vercel-labs/agent-browser/blob/v0.13.0/README.md

Check the installed version and the source before using it. Entry JSON

Report a problem with this card