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
Decision gist · record as of 2026-07-27
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.
Use it when
- argent-screenshot-diff compares baseline and current app screenshots to detect visual changes.
- Yes.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
software-mansion/argent/argent-screenshot-diff · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
File tree — 1 file
packages/skills/skills/argent-screenshot-diff/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Detect unintended visual regressions by comparing baseline and current app screenshots”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill enables automated UI testing by orchestrating interact-screenshot-verify cycles, letting you capture application state and validate outcomes programmatically. Build reliable test workflows that reduce manual verification overhead and accelerate quality assurance cycles.
argent-lens helps you explore multiple design directions for UI components by generating and comparing visual variants in parallel. Rather than settling on a single approach, you can evaluate competing options side-by-side to make more informed design choices. This workflow accelerates iteration and helps teams align on the strongest visual direction before committing to implementation.
This skill enables iOS applications to efficiently route Model Context Protocol (MCP) messages and coordinate request handling across device components. It provides the infrastructure needed to manage bidirectional communication patterns and ensure reliable message delivery in mobile environments.
argent-device-interact enables developers to script and automate user interface interactions across multiple platforms—iOS simulators, Android emulators, and Chromium-based applications. Built by Software Mansion, this tool provides programmatic control over device interactions, making it ideal for testing workflows, UI automation, and cross-platform application validation.
Agent Browser equips your AI agent with full web browsing capabilities, allowing it to navigate pages, interact with elements, and retrieve information from live websites. Perfect for agents that need to research, gather data, or complete tasks across the open web.
Agent Browser equips AI systems with web navigation capabilities, allowing them to fetch and interact with online content in real time. This skill bridges the gap between isolated language models and the live web, enabling agents to research, gather data, and respond to queries with current information.
More skills Agent Browser (unlicensed) · agent-browser (MIT) · Agent Browser (NOASSERTION)