Why is a seed.spec.ts file required for this skill?

The Planner agent uses the seed.spec.ts file to learn about your environment setup, authentication flows, and UI patterns before it begins autonomous exploration.

Can I use this for visual regression testing?

Yes, the skill includes bundled resources and patterns for setting up visual regression using Playwright's native screenshot and pixel-diffing capabilities.

What are the three agents used in the webapp-testing skill?

The skill utilizes a Planner to explore the app and create test plans, a Generator to write the actual Playwright code, and a Healer to automatically fix tests when the UI changes.

How does the self-healing feature work?

When a test fails, the Healer agent replays the execution, identifies updated selectors or changed logic, and automatically patches the test file to restore functionality.

Web Application Testing with Playwright

Name: Web Application Testing with Playwright
Author: yonatangross

byyonatangross

•

安全与测试

Automates the end-to-end testing lifecycle using AI agents to plan, generate, and self-heal Playwright test suites.

This skill integrates specialized AI agents into the Claude Code environment to streamline web application testing. By employing a three-tier agent architecture—comprising a Planner for app exploration, a Generator for creating robust test code, and a Healer for automatic maintenance—it transforms manual E2E testing into an autonomous, production-ready workflow. It leverages semantic locators to ensure test resilience and includes built-in patterns for visual regression and accessibility testing, significantly reducing the engineering overhead required to maintain high-quality web applications.

主要功能

0169 GitHub stars

02Built-in templates for BasePage objects and API mocking

03Automatic self-healing for failing tests to reduce maintenance burden

04Autonomous test planning and application exploration via the Planner agent

05Live-validated Playwright test generation using semantic locators

06Integrated visual regression testing and screenshot management

使用场景

01Automating the migration from manual testing to resilient Playwright suites

02Maintaining stable test pipelines during rapid UI iterations and refactoring

03Scaling E2E test coverage for complex React and FastAPI applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit webapp-testing

For use in Claude.ai and ChatGPT

Download Skill