qa-playwright-ts-writer

Generate Playwright E2E, component, and unit tests for TypeScript applications.

2|2|Updated Mar 7, 2026

Search Tags:#automation #typescript #test generation #playwright #e2e testing #pom

Ready to run

npx skills add https://github.com/AZANIR/qa-skills --skill qa-playwright-ts-writer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: qa-playwright-ts-writer
Source: https://github.com/AZANIR/qa-skills/tree/main/.cursor/skills/qa-playwright-ts-writer
Command: npx skills add https://github.com/AZANIR/qa-skills --skill qa-playwright-ts-writer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of Playwright tests, reducing the manual effort required to write robust end-to-end, component, and unit tests for TypeScript applications.

Core Features & Use Cases

Automated Test Generation: Write Playwright tests directly from structured test case specifications.
Record Mode: Capture live browser interactions to generate test code automatically.
Page Object Model (POM): Enforces best practices for maintainable and scalable test suites.
Use Case: You need to create Playwright E2E tests for a new user authentication flow. Provide the test cases, and this Skill will generate the *.spec.ts files using POM and Playwright's auto-wait capabilities.

Quick Start

Use the qa-playwright-ts-writer skill to generate Playwright E2E tests for the login page.

Frequently Asked Questions about qa-playwright-ts-writer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate Playwright E2E tests for TypeScript automatically?▼

You can generate Playwright E2E tests for TypeScript automatically by providing structured test case specifications to a test generation tool. The tool outputs *.spec.ts files utilizing the Page Object Model pattern and Playwright's auto-wait capabilities.

What is the Page Object Model pattern in Playwright test generation?▼

The Page Object Model (POM) is a structural pattern enforced during Playwright test generation that separates UI element locators and behaviors from test scripts. It ensures generated test suites remain maintainable and scalable across E2E and component tests.

Can I record live browser interactions to create Playwright test scripts?▼

Yes, you can record live browser interactions to create Playwright test scripts using Playwright MCP record mode. It captures user actions in the browser and automatically generates the corresponding TypeScript test code.

Does Playwright auto-wait work with generated TypeScript E2E tests?▼

Yes, Playwright auto-wait works with generated TypeScript E2E tests. The generated test scripts utilize auto-wait capabilities to automatically wait for elements to be actionable before performing interactions, reducing flakiness.

How do I fix broken Playwright tests automatically in TypeScript?▼

You can fix broken Playwright tests in TypeScript using a test healer integration, which provides automated fix suggestions for failing tests. This feature analyzes test failures and recommends corrections to maintain test suite health.