playwright-test-builder

# Playwright Test Builder ## What this skill does This skill directs the agent to write well-structured Playwright end-to-end tests for a given user flow or page. It produces tests with proper locator strategies (preferring accessible selectors over brittle CSS), meaningful assertions at every step, correct async/await handling, and solid setup/teardown. The output is ready to drop into a `tests/` folder and run immediately. Use this when you want reliable E2E coverage for critical user journeys — login, checkout, form submission, navigation flows — without writing boilerplate from scratch. ## How to use ### Claude Code / Cline Copy this file to `.agents/skills/playwright-test-builder/SKILL.md` in your project root. Then describe the flow you want tested and ask: - *"Use the Playwright Test Builder skill to write E2E tests for the login flow."* - *"Write Playwright tests for the checkout process using the Playwright Test Builder skill."* Provide the page URL (or a description of the UI), the steps in the flow, and any known selectors or data-testid values if you have them. ### Cursor Add the "Prompt / Instructions" section below to your `.cursorrules` file. Then describe the flow to test in the chat. ### Codex Paste the relevant HTML or React component code alongside the flow description and the instructions below. Seeing the actual markup helps Codex pick the most stable locators. ## The Prompt / Instructions for the Agent When asked to write Playwright tests, ...