skills.rest
cffrank
cffrankCOMMUNITY
Explore all skills by this author →
GitHub

visual-qa

Capture Playwright-based screenshots across devices and create UI evidence reports.

Updated Mar 28, 2026
Search Tags:#screenshots#evidence#playwright#visual-qa#automated-testing#visual-regression#ui-verification
One-click install
npx skills add https://github.com/cffrank/paperclip-skills-agents --skill visual-qa-cffrank
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-qa
Source: https://github.com/cffrank/paperclip-skills-agents/tree/main/skills/visual-qa
Command: npx skills add https://github.com/cffrank/paperclip-skills-agents --skill visual-qa-cffrank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Screenshots and visual evidence prevent misalignment between what is built and what was specified, reducing ambiguity in UI quality.

Core Features & Use Cases

  • Automated Visual Capture: take screenshots across desktop, tablet, and mobile to document UI state.
  • Evidence Reports for Gate Reviews: assemble visual proof for Reality Checker Gate 2 and QA sign-off.
  • Regression & Verification: compare current UI against specs with reproducible evidence.

Quick Start

Run the QA capture script to generate screenshots of the app across desktop, tablet, and mobile.

Frequently Asked Questions about visual-qa

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

FAQPage Schema
How do I capture automated screenshots for UI verification across devices?▼

You can capture automated screenshots for UI verification using Playwright-based scripts to document UI state across desktop, tablet, and mobile devices. This generates reproducible visual evidence of UI conformance.

What is visual regression testing used for during pre-release gates?▼

Visual regression testing during pre-release gates validates UI consistency by comparing current UI against specifications. It assembles visual proof for QA sign-off and prevents misalignment between what is built and what was specified.

Do I need Playwright to generate visual evidence reports for PR previews?▼

Yes, you need Playwright and a capture script to execute automated screenshots and create visual evidence reports. These reports validate UI consistency during PR previews and bug fixes.

Can I use automated screenshots to document UI state for QA sign-off?▼

Yes, automated screenshots document UI state across multiple devices to assemble visual proof for QA sign-off. This visual evidence is applied during gate reviews to validate UI conformance and reduce ambiguity in UI quality.

What's the best way to compare current UI against specs with reproducible evidence?▼

The best way to compare current UI against specs with reproducible evidence is running Playwright-based capture scripts across desktop, tablet, and mobile. This validates UI consistency and generates evidence reports for gate reviews.

Related Skills

Explore More Software Engineering Skills→
Spectra29115Spectra29115

testing

Execute automated end-to-end UI tests with Playwright and capture screenshots.

Community
Intermediate
qazuorqazuor

qa-criteria-validator

Validates project requirements and generates a structured QA report.

Community
Basic
Sheldon-92Sheldon-92
3

Testing

Execute test suites and report failures with coverage metrics.

Community
Intermediate
alvarettoalvaretto
1

Comparación Visual Inteligente

Compare generated images against originals and report visual differences.

Community
Advanced