Does it support both TypeScript and JavaScript?

Yes, it automatically detects your project's configuration and generates the appropriate .spec.ts or .spec.js files matching your existing codebase.

Can I use it for API testing?

Yes, the skill includes specific templates for API endpoints and can generate Playwright API tests alongside UI-based E2E tests.

Can it generate Page Object Models (POM)?

Yes, if a test touches five or more unique locators on a single page, the skill automatically creates a reusable Page Object to maintain clean code.

Does it verify the tests after generation?

Yes, the skill includes a verification step that runs the generated test using the Playwright CLI to ensure it passes before delivering the final code.

How does it handle complex UI elements?

The skill follows a strict locator priority, preferring getByRole() and getByLabel() to ensure tests are accessible and robust against UI changes.

Playwright Pro Test Generator

Name: Playwright Pro Test Generator
Author: zhangzhang-111-i

byzhangzhang-111-i

0•

セキュリティとテスト

Generates production-ready, best-practice Playwright end-to-end tests from user stories, components, or feature descriptions.

This skill automates the creation of robust Playwright test suites by analyzing your project's architecture, existing configurations, and source code. It intelligently maps user stories or component paths to specific testing templates—ranging from authentication flows to complex CRUD operations—ensuring consistent, high-quality test coverage. By following industry-standard locator priorities and web-first assertions, it eliminates flaky tests and reduces the manual effort required to maintain comprehensive regression suites while automatically handling page objects and custom fixtures.

主な機能

01Automatic discovery of project-specific conventions, TypeScript/JavaScript settings, and fixtures.

020 GitHub stars

03Strict adherence to Playwright best practices including web-first assertions and locator priority.

04Generates supporting infrastructure like Page Objects and mock test data as needed.

05Automated test generation from natural language user stories or component paths.

06Intelligent template matching for common flows like Auth, Checkout, and CRUD.

ユースケース

01Converting user requirements and stories directly into executable test scripts.

02Refactoring manual test plans into automated Playwright regression suites.

03Adding E2E test coverage for a newly developed feature or component.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhangzhang-111-i/claude-skills111 generate

For use in Claude.ai and ChatGPT

主な機能

01Automatic discovery of project-specific conventions, TypeScript/JavaScript settings, and fixtures.

020 GitHub stars

03Strict adherence to Playwright best practices including web-first assertions and locator priority.

04Generates supporting infrastructure like Page Objects and mock test data as needed.

05Automated test generation from natural language user stories or component paths.

06Intelligent template matching for common flows like Auth, Checkout, and CRUD.

ユースケース

01Converting user requirements and stories directly into executable test scripts.

02Refactoring manual test plans into automated Playwright regression suites.

03Adding E2E test coverage for a newly developed feature or component.