skills.rest
Zeyuzhao
ZeyuzhaoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

visual-verification

Capture and upload viewport or full-page screenshots to verify UI changes.

Updated Apr 22, 2026
Search Tags:#automation#ui#verification#regression#screenshot#visual
One-click install
npx skills add https://github.com/Zeyuzhao/background-agents --skill visual-verification-zeyuzhao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-verification
Source: https://github.com/Zeyuzhao/background-agents/tree/main/packages/sandbox-runtime/src/sandbox_runtime/skills/visual-verification
Command: npx skills add https://github.com/Zeyuzhao/background-agents --skill visual-verification-zeyuzhao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill streamlines the process of verifying application UI changes by capturing and uploading screenshots, providing visual evidence for validation.

Core Features & Use Cases

  • UI Validation: Capture viewport or full-page screenshots of web pages to confirm UI states.
  • Regression Testing: Quickly take visual snapshots before and after changes to detect regressions.
  • Use Case: Verify that a new feature's interface appears correctly on different devices by capturing and uploading the relevant screenshots for review.

Quick Start

Use the visual-verification skill to open the page at 'http://example.com', set the viewport size, capture a screenshot, and upload the result.

Frequently Asked Questions about visual-verification

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

FAQPage Schema
How do I automate UI change verification with screenshots?▼

To automate UI change verification, this Skill captures viewport or full-page screenshots of web pages and uploads the results, providing visual evidence to validate application states and detect regressions across different device settings.

What is visual regression testing and how does screenshot capture work?▼

Visual regression testing detects unintended UI changes by comparing visual snapshots. This Skill facilitates the process by capturing screenshots of specified page states and uploading them as visual evidence for review before and after updates.

Can I capture full-page screenshots across different device viewport sizes?▼

Yes, you can set the viewport size to simulate different device settings. The Skill ensures captured images meet your specified viewport or full-page criteria to accurately validate the application interface on various screens.

What is the best way to capture and upload UI screenshots for review?▼

The best way to capture and upload UI screenshots is through an automated workflow that opens the target URL, sets viewport dimensions, takes the snapshot, and uploads the image, streamlining the visual validation process.

Do I need any dependencies to automate visual regression workflows?▼

No external dependencies are required to automate visual regression workflows. The Skill independently handles the process of opening pages, capturing viewport or full-page screenshots, and uploading the results for validation.

Why should I use automated screenshot uploads instead of manual visual checks?▼

Automated screenshot uploads eliminate manual visual checks by programmatically capturing and storing UI evidence. This streamlines regression testing by ensuring consistent viewport capture and providing reliable visual proof for validation.

Related Skills

Explore More Design & Creative Skills→
JaveedIshaqJaveedIshaq
1

visual-testing

Capture web application screenshots with Puppeteer for visual regression testing.

Community
Intermediate
az9713az9713

test-regression

Compare current page state against stored baselines to detect UI regressions.

Community
Intermediate
johnnymo87johnnymo87
4

screenshot-to-devbox

Capture a macOS region, upload it via SCP, and copy the remote path.

Community
Basic
alvarettoalvaretto
1

Comparación Visual Inteligente

Compare generated images against originals and report visual differences.

Community
Advanced