Visual Testing Advanced
CheckedAutomates complex visual regression tests across diverse UI elements, identifying subtle rendering differences with high accuracy.
Install on your platform
Showing Claude Code. One command installs this skill into any of the agents below.
- 1
Run this in your project
terminal$ npx skills add proffesor-for-testing/agentic-qe --skill visual-testing-advanced -a claude-code Uses the open-source
skillsCLI and needs Node.js. Add-gto install it for your user instead of this project.
What we know about this skill
Publisher
proffesor-for-testing
Taken from the source listing. We haven't verified who controls this account.
Install target
Live repository
Not pinned. Installing fetches whatever the repository holds at the time you run the command.
Automated safety checks
This skill passed all 6 checks. We read its files at one commit and looked for the things that make a skill dangerous to run — not for whether it works.
Declares what it does: passed
SKILL.md parses and declares a name and a description.
SKILL.md exists, its frontmatter parses, and it declares a name and a description.
No undeclared network calls: passed
Makes no network calls.
Every host the skill dials — from its scripts, its config endpoints or the commands it tells the agent to run — is either well-known package and API infrastructure or declared in its own frontmatter. Links in documentation are not counted.
No obfuscated payloads: passed
No encoded or obfuscated payloads.
No base64, hex or compressed blob is decoded and then executed, and no encoded shell commands.
No credential access: passed
Reads no keys, tokens, keychains or credential files.
Neither the code nor the SKILL.md instructions read SSH keys, cloud credentials, keychains, token stores, browser cookie databases or dotfiles that hold secrets.
No pipe-to-shell installers: passed
No pipe-to-shell or download-and-run installers.
No `curl … | sh` pattern, in the code or in the instructions, that runs code fetched at run time.
Pinned to a commit: passed
Scanned proffesor-for-testing/agentic-qe at 124d8c735e.
The exact upstream commit SHA that was scanned is recorded, so the result refers to specific bytes.
- Commit
- 124d8c735e
- Scanned
- 8 files, 1,476 lines
- Copies in repo
- 2 — all of them scanned
About this skill
What it does
This skill, Visual Testing Advanced, automates complex visual regression tests for UI elements. It captures baseline screenshots, compares new screenshots against these baselines using pixel-by-pixel or AI comparison methods, and masks dynamic content like timestamps to improve accuracy. The tool is designed to identify subtle rendering differences across various devices and viewports (desktop, tablet, mobile).
When to use it
Here are some scenarios where this skill would be beneficial:
- After UI component changes have been made.
- When CSS or styling modifications are implemented.
- During responsive design validation to ensure proper display on different screen sizes.
- To check for cross-browser consistency in visual rendering.
Key capabilities
- Baseline Screenshot Capture: Automatically establishes baseline screenshots during the initial run.
- Screenshot Comparison: Compares new screenshots against baselines using pixel-by-pixel or AI algorithms.
- Dynamic Content Masking: Masks dynamic elements (e.g., timestamps, ads) to avoid false positives in comparisons.
- Cross-Device Testing: Supports testing across desktop, tablet, and mobile viewports.
- Comparison Algorithms: Offers pixel diff, structural similarity, and AI semantic comparison algorithms.
Example prompts
Here are some examples of how you might instruct an agent using this skill:
- "Create a baseline visual test for the homepage."
- "Compare the feature branch against the main branch's visual baselines."
- "Run a visual regression test on the login page, masking the timestamp element."
Tips & gotchas
- Baseline Setup: The first run establishes the baseline screenshots. Ensure your UI is in a stable state during this initial setup.
- Integration with
qe-browser: Most visual regression testing should be performed through theqe-browserskill, which leverages Vibium (WebDriver BiDi) for pixel-diff comparisons and threshold enforcement. Refer to theqe-browserskill documentation for detailed usage instructions.