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

•

セキュリティとテスト

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

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.

主な機能

01Autonomous Planner agent for automated application exploration and scenario mapping

02Generator agent that writes and validates live Playwright tests against your running app

03Self-healing Healer agent that automatically fixes broken selectors and timing issues

04Seamless MCP server integration for real-time browser control within Claude Code

05Comprehensive visual regression testing support with screenshot masking and diffing

0629 GitHub stars

ユースケース

01Reducing test maintenance debt by automatically repairing suites after UI refactors

02Building a full E2E test suite for a new web application from a simple seed file

03Implementing visual regression checks to catch UI regressions in CI/CD pipelines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/skillforge-claude-plugin webapp-testing

For use in Claude.ai and ChatGPT

Download Skill