Playwright Expert
Skill Verified ActiveUse when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke to write test scripts, create page objects, configure test fixtures, set up reporters, add CI integration, implement API mocking, or perform visual regression testing. Trigger terms: Playwright, E2E test, end-to-end, browser testing, automation, UI testing, visual testing, Page Object Model, test flakiness.
Empower developers to write robust, maintainable, and efficient end-to-end tests with Playwright, covering the full lifecycle from setup to debugging and CI integration.
Features
- Write Playwright test scripts
- Create page objects
- Configure test fixtures
- Implement API mocking
- Debug flaky browser tests
- Visual regression testing guidance
Use Cases
- Setting up Playwright test infrastructure
- Developing complex E2E test suites
- Improving reliability of browser automation
- Integrating Playwright tests into CI/CD pipelines
Non-Goals
- Writing tests for frameworks other than those supported by Playwright
- Providing a full CI/CD pipeline setup (focus is on integration points)
- Replacing Playwright itself, but rather guiding its effective use
Workflow
- Analyze requirements for test coverage
- Configure Playwright environment
- Implement tests using Page Object Model and best practices
- Debug and resolve flaky tests using trace viewer and proper waits
- Integrate tests into CI/CD pipelines
Practices
- Test Design
- Code Quality
- Debugging
Prerequisites
- Playwright installed
- Node.js environment
Installation
First, add the marketplace
/plugin marketplace add jeffallan/claude-skills/plugin install claude-skills@fullstack-dev-skillsQuality Score
VerifiedSimilar Extensions
Vue Testing Best Practices
100Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Playwright Best Practices
100Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
Agent Browser
100Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
AutoBrowse
100Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation