visual-qa

Compare rendered image stills against POLISH.md design specifications and generate markdown reports.

Updated Apr 26, 2026
One-click install
npx skills add https://github.com/fy538/project-parallax --skill visual-qa-fy538
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-qa
Source: https://github.com/fy538/project-parallax/tree/main/skills/visual-qa
Command: npx skills add https://github.com/fy538/project-parallax --skill visual-qa-fy538

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of verifying rendered visual outputs against design standards, reducing manual review time and improving quality control in visual content.

Core Features & Use Cases

  • Pixel-level Image Analysis: Compares rendered stills with POLISH.md design specifications to identify visual discrepancies.
  • Visual Quality Reports: Generates detailed, actionable feedback on spacing, typography, depth, colors, and layout.
  • Use Case: When a designer or developer needs to confirm that generated images meet strict aesthetic and layout standards, this Skill provides an automated, objective evaluation.

Quick Start

Read the POLISH.md for design rules, run the script to analyze stills in tools/qa/stills/, and review the generated markdown report summarizing the visual quality assessment.

Frequently Asked Questions about visual-qa

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

FAQPage Schema
How do I automate visual QA for rendered images against design standards?

Automated visual QA evaluates rendered stills against design specifications to identify visual discrepancies. This Skill uses Python scripts to compare images and generate detailed markdown reports covering spacing, typography, depth, colors, and layout.

What is pixel-perfect visual verification in a production pipeline?

Pixel-perfect visual verification ensures rendered visual outputs meet strict aesthetic and layout standards. It reduces manual review time by using automated image analysis to detect visual inconsistencies in production environments.

How do I check rendered stills for layout and color consistency?

You check layout and color consistency by running the provided Python script on stills placed in the tools/qa/stills/ directory. The script compares images against POLISH.md design rules to generate a visual quality assessment report.

Do I need Python to run automated visual checks on image stills?

Yes, Python is required to run the automated visual checks. The Skill relies on Python scripts to perform pixel-level image analysis and generate detailed reports for visual verification tasks.

Can I use this visual verification tool for production pipelines?

Yes, this visual verification tool is suitable for production pipelines that require pixel-perfect outputs. It provides an automated, objective evaluation to confirm generated images meet strict aesthetic and layout standards.

What design specifications does the visual quality report analyze?

The visual quality report analyzes rendered stills against POLISH.md design specifications. It generates actionable feedback on spacing, typography, depth, colors, and layout to identify visual discrepancies.