visual-qa

Detect visual regressions in web and terminal interfaces via screenshot and capture comparison.

5|Updated May 17, 2026
One-click install
npx skills add https://github.com/islee23520/lfg --skill visual-qa-islee23520
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-qa
Source: https://github.com/islee23520/lfg/tree/main/skills/visual-qa
Command: npx skills add https://github.com/islee23520/lfg --skill visual-qa-islee23520

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you verify that a rendered user interface still matches its intended design and behavior after a change, instead of relying on a quick eyeball check.

Core Features & Use Cases

  • Web UI verification: Compare screenshots against a reference capture and inspect pixel-level differences to find layout, spacing, color, or typography regressions.
  • Terminal UI verification: Check TUI captures for overflow, border misalignment, wide-character drift, and ANSI handling issues.
  • Dual-review workflow: Pair objective capture evidence with strict read-only review passes so you can confirm both visual fidelity and functional integrity before declaring a UI done.

Quick Start

Ask the AI to run visual QA on the changed UI, compare it against the reference or capture evidence, and return a clear pass or fail verdict with any blocking issues.

Frequently Asked Questions about visual-qa

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

FAQPage Schema
How do I detect visual regressions in a web UI after code changes?

Detect visual regressions by comparing actual web screenshots against reference evidence to identify pixel-level layout, spacing, color, or typography differences. This objective screenshot diff workflow replaces manual eyeball checks to catch UI shifts before shipping.

How do I verify terminal UI layouts for wide-character drift and border overflow?

Verify terminal UI layouts by analyzing TUI captures to detect wide-character drift, border misalignment, overflow, and ANSI handling issues. This terminal capture review ensures text-based interfaces maintain structural integrity after implementation changes.

What is a dual-review workflow for UI verification?

A dual-review workflow pairs objective screenshot or terminal-capture evidence with strict read-only review passes. This confirms both visual fidelity against design-system integrity and functional behavior before declaring a UI complete.

Can I check CJK text precision and alpha transparency during screenshot diffing?

Yes, screenshot diffing explicitly handles CJK text precision and alpha transparency during visual verification. The process evaluates rendered interfaces for design-system integrity, ensuring complex text rendering and transparent layers match reference captures.

Does visual QA work for both browser-based pages and TUI layouts?

Visual QA applies to both browser-based pages, components, and TUI layouts requiring objective review. It compares reference evidence with actual web or terminal output to return a clear pass or fail verdict with blocking issues.

What are the limitations of relying on visual regression testing for UI changes?

Visual regression testing requires reference evidence and parallel read-only oracle review to function. It is limited by the quality of baseline captures and cannot replace functional behavior testing for dynamic application logic.