testdino-hq/playwright-skill

What it solves

It provides a comprehensive library of "Agent Skills"—structured Markdown guides—that enable AI coding agents to write, debug, and scale Playwright end-to-end (E2E) tests more effectively. It bridges the gap between general AI knowledge and the specific, production-tested best practices of Playwright 1.63+.

How it works

Users install these skill packs using a CLI (npx skills add). Once installed, an AI coding agent (such as Claude Code) can load these guides on demand to follow "Golden Rules" and architecture-decision patterns when generating or fixing test code. The repository is organized into specialized packs covering core testing, CI/CD integration, CLI automation, Page Object Model (POM) patterns, and migration from other frameworks.

Who it’s for

Developers and QA engineers who use AI coding agents to automate their browser testing and want to ensure the AI produces resilient, maintainable, and industry-standard Playwright tests.

Highlights

• 70 Production-Tested Guides: Extensive coverage across E2E, API, component, visual, accessibility, and security testing.
• Agent-Native Design: Specifically formatted as skills for AI agents to pull the right context when needed.
• Playwright 1.63+ Ready: Includes latest features like locator.visible(), ariaSnapshotJSON(), and the perfetto reporter.
• Golden Rules: Enforces strict best practices, such as prioritizing getByRole() over CSS/XPath and banning page.waitForTimeout().
• Broad Ecosystem Support: Includes recipes for Next.js, React, Vue, and Angular, as well as CI/CD guides for GitHub Actions, GitLab, and more.