visual-qa

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

5|Updated May 17, 2026

Search Tags:#design system #regression testing #ui verification #terminal ui #visual qa #screenshot diff #cjk text

Ready to run

npx skills add https://github.com/islee23520/lfg --skill visual-qa-islee23520

💬 Prompt for ChatGPT / Claude Chat▼

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.