Skills
.Work. You
Rest

frontend-playwright

Official

Automated visual QA that catches bugs before users do.

Software Engineering#automation#testing#debugging#playwright#quality-assurance#browser#visual-qa
Authorpetbrains
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates manual browser testing and visual regression issues by providing automated browser automation that verifies UI renders correctly, console is error-free, and responsive designs work across all viewports—before any code is delivered.

Core Features & Use Cases

  • Pre-Delivery Checklist: Mandatory verification steps including screenshot comparison, console error checking, and network request validation.
  • Responsive Testing: Automated viewport resizing and visual verification across mobile, tablet, and desktop.
  • Use Case: Imagine completing a new feature. This Skill automatically navigates to the page, takes screenshots, checks for console errors, verifies mobile responsiveness, and gives you a pass/fail report—ensuring quality before users ever see the changes.

Quick Start

Use the frontend-playwright skill to run the standard pre-delivery verification on the newly implemented login page at http://localhost:3000/login.

Dependency Matrix

Required Modules

None required

Components

references

đź’» 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: frontend-playwright
Download link: https://github.com/petbrains/mvp-builder/archive/main.zip#frontend-playwright

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.