Why is a seed.spec.ts file required?

The Planner agent uses the seed file to learn your app's environment setup, authentication flows, and UI patterns, which provides the necessary context for generating accurate tests.

Does this skill support visual regression testing?

Yes, it includes built-in capabilities for configuring Playwright screenshots, setting pixel diff thresholds, and handling dynamic content masking for visual comparisons.

What are the three agents included in this skill?

The skill utilizes the Planner (explores the app), the Generator (writes the test code), and the Healer (automatically fixes test failures) to provide a complete automation workflow.

How does the self-healing feature work?

When a test fails due to UI changes, the Healer agent replays the test execution, identifies the new correct selectors or interaction patterns, and automatically patches your test files.

What are the prerequisites for using this skill?

You need a modern version of VS Code (v1.105+), the Playwright MCP server configured in your .mcp.json, and the @playwright/test package installed in your project.

Webapp Testing & Playwright Automation

Name: Webapp Testing & Playwright Automation
Author: yonatangross

byyonatangross

•

Security & Testing

Automates end-to-end web testing using Playwright's autonomous agents for planning, generating, and self-healing tests.

About

This skill integrates Playwright's advanced AI agents into Claude Code to streamline the entire testing lifecycle for modern web applications. It utilizes a specialized three-agent architecture: a Planner that explores your application to identify test scenarios, a Generator that writes production-ready Playwright code using resilient semantic locators, and a Healer that automatically repairs broken tests when your UI changes. By bridging the gap between manual testing and autonomous automation, this skill enables developers to maintain robust test suites with minimal manual intervention, covering everything from authentication flows to visual regression testing.

Key Features

Autonomous Planner agent for automated application exploration and scenario mapping
Generator agent that writes and validates live Playwright tests against your running app
Self-healing Healer agent that automatically fixes broken selectors and timing issues
Seamless MCP server integration for real-time browser control within Claude Code
Comprehensive visual regression testing support with screenshot masking and diffing
29 GitHub stars

Use Cases

Reducing test maintenance debt by automatically repairing suites after UI refactors
Building a full E2E test suite for a new web application from a simple seed file
Implementing visual regression checks to catch UI regressions in CI/CD pipelines

About

Key Features

Autonomous Planner agent for automated application exploration and scenario mapping
Generator agent that writes and validates live Playwright tests against your running app
Self-healing Healer agent that automatically fixes broken selectors and timing issues
Seamless MCP server integration for real-time browser control within Claude Code
Comprehensive visual regression testing support with screenshot masking and diffing
29 GitHub stars

Use Cases

Reducing test maintenance debt by automatically repairing suites after UI refactors
Building a full E2E test suite for a new web application from a simple seed file
Implementing visual regression checks to catch UI regressions in CI/CD pipelines