visual-tester

Community

Visually test web UIs with Playwright

Authorbruno-garcia
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of visually verifying web UI correctness and identifying layout, interaction, and responsiveness issues that automated functional tests might miss.

Core Features & Use Cases

  • Automated Visual QA: Uses Playwright to navigate web pages, take labeled screenshots, and interact with elements to spot visual defects.
  • Comprehensive Reporting: Generates structured reports detailing findings categorized by severity (P0-P3).
  • Use Case: A developer can use this skill to perform a quick visual sanity check on a new feature before merging, ensuring no unexpected visual regressions have been introduced.

Quick Start

Use the visual-tester skill to take a labeled screenshot of the current page.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: visual-tester
Download link: https://github.com/bruno-garcia/pi-config/archive/main.zip#visual-tester

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.