- Home
- Skills
- Testing & Debugging
- playwright-suite-skills
Works with the AI Agents you already use
Playwright Suite Skills
Automation suites often decay into a mess of brittle locators, inconsistent patterns, and trust-destroying "green" results that hide real bugs.
$5
playwright-suite-skills
Example session with this skill installed
The checkout tests are failing. Run the suite, triage the failures, and fix anything that is a test-side defect. Refer to .claude/test-profile.md for the run commands.
- Read your context and instructions
- Compiled the playwright-suite-
I have executed the test suite and triaged the results. There were 4 failures in total. 3 were identified as test-side defects due to updated DOM structures in the checkout flow, and 1 appears to be a genuine product bug where the 'Place Order' button remains disabled despite valid input.
Triage Report
| Test Case | Failure Category | Root Cause | Action Taken |
|---|---|---|---|
checkout-shipping.spec.ts | Test Defect | Locator button.next is now ambiguous. | Updated to getByRole('button', { name: 'Continue to Shipping' }). |
checkout-payment.spec.ts | Test Defect | Input ID card-num changed to cc-number. | Updated Page Object to use new ID. |
checkout-summary.spec.ts | Product Bug | Assertion failed: Total expected $100, received $0. | Reported to team; test remains red to track bug. |
checkout-auth.spec.ts | Test Defect | Session cookie name changed in dev environment. | Updated playwright.config.ts storage state logic. |
Next steps
- Review the applied locator fixes in
checkout-shipping.spec.ts. - Verify the product bug in the checkout-summary flow with the backend team.
- Run
npx playwright test --project=chromiumto confirm the three test-side fixes now pass.
Connects securely to your tools. The creator never sees your data.
About this skill
Automation suites often decay into a mess of brittle locators, inconsistent patterns, and trust-destroying "green" results that hide real bugs. This package provides 13 specialized skills for Playwright environments, designed to maintain suite health without imposing an external house style. It works by first probing your repository's unique conventions and then operating strictly within those bounds.
What it does
- Probes conventions by inspecting your Playwright config, directory layout, and locator habits to create a local profile.
- Audits changesets by reviewing PRs in order of consequence, prioritizing weakened assertions and secrets over style.
- Hardens locators by replacing positional CSS and XPath with role-based and accessible name selectors.
- Scaffolds tests across browser, API, and database layers while mirroring existing import paths and patterns.
- Triages red suites by classifying failures into product bugs versus test defects before suggesting fixes.
- Manages infrastructure by registering fixtures, writing page objects, and resolving the correct runner commands.
How it works
- Initialize by running the probe-conventions skill to generate a
.claude/test-profile.mdfile. - Execute tasks like
write-e2e-testorharden-locators, which automatically read the profile to ensure consistency. - Manage flow using clarify-scope for vague requests or handoff-notes for session persistence.
Frameworks & tools
Specifically designed for Playwright suites using TypeScript or JavaScript. Integrates with Claude Code and Cursor to interact with the local filesystem, shell, and git diffs.
Why this beats prompting it yourself
Generic prompts often suggest "best practices" that conflict with your team's existing code style, creating friction during PRs. These skills derive their rules from your actual code, ensuring every generated spec or locator looks like your team wrote it.
Use cases
- Auditing a pull request to ensure no assertions were accidentally widened or disabled.
- Converting a brittle suite filled with XPath selectors into one using stable roles.
- Quickly scaffolding new API client methods and corresponding request specs.
- Summarizing a complex debugging session into a handoff for another developer.
Known limitations
Requires an initial convention probe to function accurately. Does not support non-Playwright runners like Cypress or Selenium. Requires access to the local shell to run tests.
What's included (13 skills in this plugin)
audit-changeset
Use when reviewing test-automation changes — a pull request, the current branch, or a set of edited spec and model files. Applies a review order that puts trust-destroying changes first (weakened assertions, disabled tests, committed secrets) before style, and reports blocking issues separately from advisory ones. Reads the repo's conventions from .claude/test-profile.md rather than imposing a house style.
clarify-scope
Use before writing or planning any test when the ask is not yet precise — "add tests for checkout", "cover the new endpoint", "scope this first". Resolves the open decisions one question at a time, each with a recommended default, looking up in the repo anything that is a fact rather than a choice, and ends in a written brief the user confirms before any code is generated. Skip it when the request is already unambiguous.
handoff-notes
Use when test-automation work must continue in a fresh session or be picked up by someone else — the context window is filling mid-task, the day is ending, or the work is being passed on. Writes a handoff document to a temporary location (never the repo) containing what a successor needs and nothing they could read for themselves, with secrets excluded and open decisions recorded so they are not re-litigated. Not for finished work.
harden-locators
Use when a locator broke, is about to break, or is XPath — replacing positional and structural selectors with ones tied to what the user perceives. Covers XPath and brittle-CSS replacement patterns, disambiguating between multiple matches, handling text that varies across environments, and when a missing hook should be requested from the app team instead.
probe-conventions
Run this first in any repository, before authoring or fixing tests. Inspects the actual Playwright suite — directory layout, how specs import test, locator habits, data sources, run commands — and writes a short profile to .claude/test-profile.md that every other skill in this pack reads instead of assuming conventions. Use when the profile is missing or stale, when a skill reports it cannot find the profile, or after the suite is restructured.
register-fixture
Use when a newly written page object, API client, or helper needs to become available to specs — the Playwright fixture wiring step. Covers picking the right fixture file, scope choice, dependencies between fixtures, teardown for anything that holds a resource, and why a fixture is preferable to a beforeEach. Reads conventions from .claude/test-profile.md.
run-suite
Use when asked to run Playwright tests — one spec, a group, or everything — and the right command, target and flags are not obvious. Resolves the invocation from .claude/test-profile.md, prefers the repo's own runner script over hand-built CLI lines, chooses flags that make failures readable, and reports results without inflating them.
triage-red-suite
Use when a suite has multiple failures and needs to be sorted out — "run it and fix what's broken", "get the suite green". Classifies every failure by cause before touching code, fixes only the test-side ones, escalates product bugs instead of absorbing them, and reports a before/after that separates the two. For a single failing test, use the healer agents instead.
write-api-client
Use when a request spec needs a call that no existing client method covers — adding a domain client, adding a method to one, or extending the shared transport helper. Covers where the endpoint path belongs, what the method should return, and when a new client is warranted at all. Reads conventions from .claude/test-profile.md.
write-api-test
Use when adding a Playwright test that exercises an HTTP endpoint directly with no browser — REST or GraphQL — including response-shape validation, error paths, and cleanup after writes. Reads conventions from .claude/test-profile.md and mirrors the existing request specs. Not for tests that drive a page.
write-db-test
Use when adding a Playwright test that queries a database directly — verifying persistence, migrations, or that a write through the app landed correctly. Covers parameterised statements only, ordering for shared-row tests, teardown that survives failure, and keeping connection details out of the spec. Reads conventions from .claude/test-profile.md.
write-e2e-test
Use when adding a new browser-level Playwright spec — an end-to-end or journey test that drives a real page. Reads the repo's conventions from .claude/test-profile.md, mirrors the nearest existing spec, keeps interaction behind whatever model layer the repo uses, and verifies the spec actually runs before finishing. Not for API-only or component tests.
write-page-object
Use when a spec needs a screen or component wrapper that does not exist yet — the class that owns a page's locators and exposes intent-named methods. Follows whatever model conventions .claude/test-profile.md recorded, including the repo's base class and locator priority. Use harden-locators instead when editing an existing model's selectors.
How to use
Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scanned
Verified clean 3 days ago
- Passed all security checks, Safe to install
Requires