argent-screenshot-diff
This skill automates visual regression detection by analyzing differences between baseline and current application screenshots. It helps teams identify unintended UI changes early in development, preventing visual bugs from reaching production. Perfect for continuous integration pipelines that need reliable visual testing coverage.
argent-screenshot-diff automates visual regression detection by analyzing differences between baseline and current application screenshots. It helps teams identify unintended UI changes early in development, preventing visual bugs from reaching production. The skill is perfect for continuous integration pipelines that need reliable visual testing coverage.
AI-generated summary based on this skill's SKILL.md
Install
software-mansion/argent/argent-screenshot-diff · repository language: TypeScript
git clone https://github.com/software-mansion/argent
cp -r argent/packages/skills/skills/argent-screenshot-diff ~/.claude/skills/argent-screenshot-diffFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does argent-screenshot-diff do?
argent-screenshot-diff automates visual regression detection by analyzing differences between baseline and current application screenshots. It helps teams identify unintended UI changes early in development, preventing visual bugs from reaching production. The skill is perfect for continuous integration pipelines that need reliable visual testing coverage.
How can I use argent-screenshot-diff to compare app screenshots before and after?
argent-screenshot-diff compares baseline and current app screenshots to detect visual changes. You provide two images—one from your baseline state and one from your current build—and the tool analyzes them for pixel-level differences, layout shifts, spacing changes, color variations, and typography modifications. This enables before/after UI comparison in your QA testing workflows.
Can argent-screenshot-diff verify pixel-correct UI changes?
Yes. argent-screenshot-diff verifies that UI layout, spacing, color, and typography changes are pixel-correct. It performs pixel-level comparison to ensure your design modifications match expectations exactly, catching unintended visual regressions that manual inspection might miss.
What visual regression detection capabilities does argent-screenshot-diff offer?
argent-screenshot-diff detects unintended visual regressions by comparing baseline and current screenshots. It validates image and text rendering consistency across app states, identifies layout and spacing changes, detects color shifts, verifies typography accuracy, and flags overflow or clipping issues—all automated for your QA pipeline.
How does argent-screenshot-diff fit into CI/CD testing?
argent-screenshot-diff automates visual regression testing in continuous integration workflows by comparing saved screenshots against current builds. Rather than relying on manual visual inspection, it provides automated pixel-diff comparison to catch UI changes early, ensuring visual consistency before code reaches production.
SKILL.md
rendered from the published skill — quoted content, verbatim
1. Role
Use screenshot-diff as supporting visual evidence for UI QA and visual regression checks. It highlights pixel-visible change or stability; it does not replace visual inspection, accessibility/component-tree state, frame/attribute checks, logs, network evidence, or app behavior.
Do not use screenshot diffing for tap-coordinate discovery. Use describe, debugger-component-tree, or native-describe-screen to find targets first.
2. When To Use
Use screenshot-diff when pixel comparison can answer the verification question:
- Required for explicit "UI regression test", "visual regression test", "screenshot diff", "compare screenshots", or "before/after visual comparison" requests, unless stable comparable screenshots cannot be produced.
- Good fit when the affected screen has stable before/after states and the expected result is
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
packages/skills/skills/argent-screenshot-diff/SKILL.md