qa-visual-tester

Generate QA sheets and visual verification reports with Playwright MCP.

1|Updated Mar 24, 2026
One-click install
npx skills add https://github.com/gridi-ai/gridi-skills --skill qa-visual-tester
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qa-visual-tester
Source: https://github.com/gridi-ai/gridi-skills/tree/main/skills/qa-visual-tester
Command: npx skills add https://github.com/gridi-ai/gridi-skills --skill qa-visual-tester

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill automates the creation of QA documentation and visual verification for web apps, enabling teams to systematically validate interfaces and document evidence.

Core Features & Use Cases

  • Generate a structured qa-sheet.md from user requirements to standardize test items.
  • Run visual checks on live pages using Playwright MCP and record per-issue results with screenshots.
  • Produce a final qa-report.md and maintain an organized issues directory for failed tests and audits.

Quick Start

Run a full QA run by generating a QA sheet, executing visual checks with Playwright MCP, and compiling per-issue reports.

Frequently Asked Questions about qa-visual-tester

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

FAQPage Schema
How do I automate visual testing and generate QA documentation for web pages?

Automate visual testing by generating a structured qa-sheet.md from requirements, executing visual checks with Playwright MCP, and compiling per-issue reports with screenshots into a final qa-report.md.

How does Playwright MCP document visual verification results for failed tests?

Playwright MCP documents visual verification by running checks on live pages, capturing screenshots of failures, and organizing them into a dedicated issues directory for audits and per-issue analysis.

Can I use this to generate a structured QA sheet from raw project requirements?

Yes, you can generate a structured qa-sheet.md from raw project requirements to standardize test items and systematically validate web interfaces before executing visual checks.

What is the best way to organize visual testing artifacts and screenshots for an audit?

Organize visual testing artifacts by maintaining an issues directory for failed tests, saving per-issue screenshots, and compiling a final qa-report.md to provide documented evidence for audits.

Do I need Playwright MCP to run visual checks and record per-issue outcomes?

Yes, Playwright MCP is required to run visual checks on live web pages, capture screenshots, and systematically record per-issue outcomes for your QA reports.