playwright▌

Generate Playwright tests from scenarios using interactive browser exploration and validation. \n \n Guides you through step-by-step test creation: scenario review, browser exploration, element inspection, interaction validation, and final test generation \n Integrates with Playwright MCP tools to inspect page elements, capture selectors, and validate interactions before writing test code \n Generates TypeScript tests using @playwright/test framework and automatically saves them to the tests dir

Web scraping for dynamic content, authentication, pagination, and data extraction using Playwright. \n \n Handles JavaScript-rendered sites, login flows, and multi-page navigation with built-in wait strategies and selector management \n Supports headless and visible browser modes, with async patterns for reliable automation across flaky elements \n Extracts data via selectors with JSON output, captures screenshots and PDFs, and manages cookies and sessions per context \n Configure via JSON files

Playwright can record browser interactions as video - perfect for demo footage in Remotion compositions.

Playwright E2E testing specialist for writing maintainable browser tests, debugging flaky tests, and CI/CD integration. \n \n Emphasizes role-based selectors and auto-waiting to avoid brittle tests and arbitrary timeouts \n Provides Page Object Model patterns for test organization, fixture setup, and configuration guidance \n Includes debugging workflow using trace viewer, screenshots, and retry strategies to identify and fix flaky tests \n Covers API mocking, visual regression testing, and para

Browser automation with 40+ commands for navigation, interaction, form filling, and web testing. \n \n Supports multiple browsers (Chrome, Firefox, WebKit, Edge) with persistent profiles, extensions, and custom configurations \n Core interactions include clicking, typing, dragging, selecting, uploading files, and handling dialogs across page elements \n Storage management for cookies, localStorage, and sessionStorage; network request mocking and routing for testing \n DevTools integration with c

IMPORTANT - Path Resolution: This skill can be installed in different locations (plugin system, manual installation, global, or project-specific). Before executing any commands, determine the skill directory based on where you loaded this SKILL.md file, and use that path in all commands below. Replace $SKILL_DIR with the actual discovered path.

Developer guide for extending Playwright MCP tools and CLI commands. \n \n Add new MCP tools in packages/playwright/src/mcp/browser/tools/ , register in tools.ts , and define capabilities in config.d.ts \n CLI commands map to MCP tools; register new commands in packages/playwright/src/mcp/terminal/commands.ts and update help generator if adding a category \n Config options require updates across program.ts (CLI option), config.d.ts (definition), and config.ts (implementation and environment mapp

Guide for extending Playwright with new APIs, MCP tools, CLI commands, and vendored dependencies. \n \n Covers monorepo structure, build/test/lint workflows, and coding conventions via CLAUDE.md reference \n Includes detailed walkthroughs for implementing client/server APIs, writing tests, and modifying protocol layers \n Explains how to add MCP tools, CLI commands, and configuration options within the Playwright ecosystem \n Documents the vendoring process for bundling third-party npm packages

Automated website exploration and test case generation using Playwright. \n \n Navigates to provided URLs and systematically identifies 3-5 core features and user flows \n Documents UI elements, their locators, and expected outcomes for each interaction \n Generates test cases based on exploration findings for immediate use in testing workflows \n Manages browser context lifecycle automatically, closing sessions upon completion \n

Automate form filling with Playwright MCP, including text input, date/time selection, and file uploads. \n \n Supports multiple form field types: text inputs, date pickers, time selectors, and file uploads \n Navigates to specified URLs and populates forms with provided data without automatic submission \n Includes review checkpoint before form submission to allow manual verification of filled fields \n