qa-vision-review

Detect visual defects in rendered web page screenshots.

Updated May 22, 2026
One-click install
npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-vision-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qa-vision-review
Source: https://github.com/Luqman-Ud-Din/blackbox-qa-agent/tree/main/skills/qa-vision-review
Command: npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-vision-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reviews rendered screenshots to catch visual defects that DOM-based checks cannot detect, such as cropped text, broken icons, bad modal placement, weak contrast, and layout breakage.

Core Features & Use Cases

  • Screenshot-based QA: Inspects page images instead of DOM queries to find visual anomalies.
  • Critical-route review: Focuses on important pages like login, checkout, dashboards, and other high-impact screens.
  • Production-grade triage: Limits findings to clearly visible issues, caps review volume, and keeps audits moving even when vision analysis fails.
  • Use Case: Run this after an automated browser audit to identify screenshot-only defects before filing bugs.

Quick Start

Ask the agent to review the latest audit screenshots for visual defects and return only clearly visible issues as structured findings.

Frequently Asked Questions about qa-vision-review

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

FAQPage Schema
How do I catch visual UI defects that automated DOM testing misses?

Screenshot analysis detects visual UI defects like cropped text, broken icons, and layout breakage by inspecting rendered page images instead of DOM queries, returning structured findings with severity and selector guesses.

What kind of visual bugs can screenshot analysis find compared to DOM checks?

Screenshot analysis finds visual bugs DOM checks miss, including bad modal placement, weak contrast, broken icons, cropped text, and layout breakage across critical routes and viewport variations.

How do I review rendered screenshots for visual defects across different browser viewports?

You review rendered screenshots for visual defects across browser viewports by providing screenshot files on disk, which are analyzed for visual anomalies and returned as structured findings with severity and location hints.

Do I need to provide screenshot files on disk for visual QA review?

Yes, visual QA review requires screenshot files saved on disk to analyze rendered pages and return structured visual findings with severity, location hints, and selector guesses.

How do I triage visual findings from critical route audits without getting overwhelmed?

Visual triage of critical route audits limits findings to clearly visible issues, caps review volume, and keeps audits moving even when vision analysis fails, ensuring only production-grade defects are reported.

What format are visual findings returned in when analyzing page screenshots?

Visual findings are returned as structured data with severity levels, location hints, and selector guesses, providing clear evidence for filing bugs after an automated browser audit.