compare

Compare baseline and current UI captures into a side-by-side visual report.

1|Updated May 19, 2026
One-click install
npx skills add https://github.com/edonghyun/donghyuns-agent-tools --skill compare-edonghyun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compare
Source: https://github.com/edonghyun/donghyuns-agent-tools/tree/main/plugins/ui-operator/skills/compare
Command: npx skills add https://github.com/edonghyun/donghyuns-agent-tools --skill compare-edonghyun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Compare two UI states without manually stitching screenshots, so you can spot visual differences, missing content, and broken interaction flows quickly.

Core Features & Use Cases

  • Baseline/current comparisons: Turn web URLs, native app capture commands, or existing screenshot folders into a structured side-by-side report.
  • Evidence-aware review: Capture or reuse screenshots, then compare routes, titles, visible text, control counts, errors, and metric deltas.
  • Requirement parity checks: Use it when a prototype, PoC, or product requirement baseline must be compared against a current implementation.

Quick Start

Ask the skill to compare your baseline and current UI screenshots for the target pages and generate a side-by-side report.

Frequently Asked Questions about compare

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a side-by-side UI comparison report for baseline and current screenshots?

To create a side-by-side UI comparison report, provide baseline and current screenshots from web URLs, native mobile captures, or folders. The tool matches viewports and interaction states to generate a visual report highlighting differences, metric deltas, and capture errors.

What is visual regression testing for mobile applications and when do I need it?

Visual regression testing detects unintended UI changes by comparing baseline and current screenshots. You need it when verifying requirement parity, analyzing before-and-after prototype changes, or spotting missing content and broken interaction flows across web and native mobile captures.

Can I compare existing screenshot folders instead of capturing new UI screenshots?

Yes, you can compare existing screenshot folders for visual regression. The tool reuses existing images to evaluate routes, titles, visible text, control counts, and errors, producing a structured side-by-side report without requiring new captures.

What are the requirements for comparing native mobile app UI captures?

Comparing native mobile app UI captures requires matched viewports and identical interaction states between baseline and current screenshots. The tool records comparison artifacts with screenshot references, metric deltas, and capture errors to ensure accurate visual regression analysis.

Does this tool support requirement parity checks for product prototypes?

Yes, the tool supports requirement parity checks by comparing a product requirement baseline against a current implementation. It generates a side-by-side visual report to help you spot visual differences, missing content, and broken interaction flows quickly.

What's the best way to compare two UI states without manually stitching screenshots?

The best way to compare two UI states is using an automated side-by-side report tool. It processes web URLs, native capture commands, or existing folders to identify visual differences, missing content, and broken interaction flows without manual stitching.