Can I use this for refactoring existing tests?

Yes, this skill is designed to help you extract logic from existing tests into clean, reusable Page Object classes.

How does this differ from the standard test generator?

While a test generator creates a single sequence of actions, the Page Object Builder creates a reusable class structure that can be shared across multiple tests to reduce maintenance overhead.

Does it support complex workflows like checkout or login?

Absolutely. It generates async methods specifically designed to handle multi-step interactions and complex page state changes.

Why does this skill mandate data-testid locators?

Using data-testid is a best practice in E2E testing because it creates a contract between the code and tests that is resilient to changes in CSS styles or DOM structure.

Playwright Page Object Builder

Name: Playwright Page Object Builder
Author: joel611

byjoel611

0•

Security & Testing

Generates maintainable TypeScript Page Object Models (POMs) for Playwright using best-practice data-testid locators.

This skill streamlines the creation of reusable Page Object Models for Playwright test suites, ensuring cleaner and more maintainable end-to-end tests. By automatically generating TypeScript classes that encapsulate page-specific locators and actions, it enforces the use of robust data-testid selectors while providing a standardized structure for navigation, user interactions, and assertion getters. It is ideal for teams looking to scale their test infrastructure without duplicating code or creating brittle test scripts.

Key Features

01Automatic TypeScript POM class generation

020 GitHub stars

03Type-safe getter methods for assertions

04Integrated JSDoc documentation for methods

05Encapsulated action and navigation methods

06Mandatory data-testid locator enforcement

Use Cases

01Refactoring legacy test scripts into the Page Object Model pattern

02Building scalable test suites for complex web applications

03Onboarding new features with standardized E2E test structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add joel611/claude-plugins page-object-builder

For use in Claude.ai and ChatGPT

Download Skill