software-mansion avatar

Argent Screenshot Diff

This captures full-resolution screenshots and generates pixel-level diffs to catch visual regressions in your app UI. You save a baseline before making changes, capture the current state after, and get back a comparison showing exactly what shifted, broke, or stayed stable. It's built for layout, spacing, color, and rendering checks, not for finding tap coordinates or verifying app logic. The setup is straightforward: use scale 1.0, suppress the image context to avoid bloating token usage, and feed it either two saved PNGs or one saved baseline plus a live capture. Honest take: it's narrow but does one thing well, and the docs actually explain when not to use it, which is refreshing.

skills.sh installs
28.6K
GitHub stars
3.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add software-mansion/argent --skill argent-screenshot-diff --agent claude-code

Installs into .claude/skills of the current project.

Files

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. Its description covers the input combinations, physical-iPhone captures and the result.

Do not use screenshot diffing for tap-coordinate discovery. Use describe to find targets first.

2. When To Use

  • 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 expected result is pixel-visible, or when the risk is an unintended visual regression outside the exact element changed.
  • Poor fit when the result is better verified structurally: state changes, navigation existence, accessibility tree contents, console/network behavior, or unit tests.
  • Poor fit when dynamic content, unpausable animation, timestamps, ads, random data, or missing baseline/current screenshots would make the comparison noisy or meaningless.

Sponsors

Details

Repository
github.com/software-mansion/argent
Categories
Frontend Development, Testing & QA, Git & Pull Requests, Design & UI/UX
First seen
Jul 14, 2026

More from software-mansion/argent

All 14
1jimliu avatarbaoyu-format-markdownjimliu/baoyu-skillsFormats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown", "beau28.5Kskills.sh installs
2op7418 avatarguizang-ppt-skillop7418/guizang-ppt-skill生成横向翻页网页 PPT(单 HTML 文件),含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格:① "电子杂志 × 电子墨水"(衬线 + 流体背景 + 暖色) ② "瑞士国际主义"(无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮)。当用户需要制作28.5Kskills.sh installs
3warpdotdev avatarreproduce-bug-reportwarpdotdev/common-skillsLaunch Oz cloud agents with computer use to reproduce UI-focused bug reports, capture visual evidence (a screen recording by default), and report reproduction f27Kskills.sh installs
4cathrynlavery avatardiagram-designcathrynlavery/diagram-designCreate technical and product diagrams — architecture, IT current-state, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, radar26.7Kskills.sh installs
5software-mansion avatarargent-lenssoftware-mansion/argentPropose multiple visual design variants for on-screen elements and let the human pick in the Argent Lens window. Use when the user asks for design alternatives 26.1Kskills.sh installs
6kunchenguid avatarlavishkunchenguid/lavish-axiTurn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI. Use when about24.3Kskills.sh installs