Playwright

The e2e-testing skill is a Playwright-focused guide for stable end-to-end test automation, with patterns for file organization, Page Object Model usage, configuration, CI readiness, artifact debugging, and flaky-test handling.

ui-demo helps you record polished web app demo videos with Playwright, visible cursor movement, and natural pacing. Use the ui-demo skill for walkthroughs, onboarding clips, feature tours, and tutorial-style recordings. Follow the discover, rehearse, then record workflow for reliable results, especially for prototypes and fast-changing UIs.

tdd-workflow is a test-first workflow skill for new features, bug fixes, and refactors. It enforces TDD with 80%+ coverage across unit, integration, and E2E tests, plus explicit checkpoints and edge-case validation. Use the tdd-workflow skill when you need a practical guide for Test Automation and more predictable code changes.

data-scraper-agent helps build a repeatable public-data pipeline for web scraping, enrichment, and storage. It is designed for monitoring jobs, prices, news, repos, sports, and listings on a schedule using GitHub Actions, with outputs to Notion, Sheets, or Supabase. Best for ongoing tracking, not one-off extractions.

canary-watch is a post-deploy monitoring skill for checking a live URL for regressions after releases, merges, or dependency updates across staging or production.

browser-qa is a browser QA skill for post-deploy visual testing, interaction checks, responsive screenshots, and accessibility review using browser automation. It helps frontend developers and QA teams verify staging or preview pages with a repeatable browser-qa guide instead of a generic prompt.

webapp-testing is a skill for testing local web apps with Python Playwright. It helps agents start servers with scripts/with_server.py, inspect rendered UI, discover selectors, capture screenshots and console logs, and validate frontend behavior with a reconnaissance-first workflow.

browse is a fast headless browser skill for QA, dogfooding, and browser automation. Use it to open pages, interact with elements, verify state, compare before and after actions, capture screenshots, and check responsive layouts, forms, uploads, dialogs, and element states. Install browse when you need browser evidence instead of a generic prompt.

The cloud skill helps you install and use Browser Use Cloud for Browser Automation, including quickstart setup, v2 and v3 APIs, SDK usage, sessions, profiles, CDP connections, proxies, webhooks, and live monitoring.

gstack is a browser-driven AI skill for QA testing, dogfooding, release checks, and bug capture. It opens real pages, clicks through UI, verifies state, compares before and after, tests responsive layouts, and captures screenshot-backed evidence. It is especially useful for UI Design review and deployment validation when you need trustworthy browser results from the gstack skill.

webapp-testing is a Playwright-based skill for inspecting, debugging, and testing local web apps. It guides agents through static HTML checks, dynamic app reconnaissance, screenshots, console logging, selector discovery, and server lifecycle setup with scripts/with_server.py.

diagnose is a structured debugging workflow for hard bugs, flaky tests, and performance regressions. It helps you reproduce the issue, minimise the failing case, form one hypothesis at a time, add instrumentation, fix the root cause, and lock it in with a regression test. Use the diagnose guide when “debug this” is not enough.

browser-automation helps agents build Playwright workflows for scraping, form filling, screenshots, downloads, session handling, and structured data extraction. Includes recipes, API references, and helper scripts for production browser automation, not E2E testing.

testrail is a Playwright-focused skill for syncing TestRail cases and runs. It imports TestRail cases into annotated Playwright tests and pushes JSON reporter results back to TestRail using required credentials and MCP tools.

report is a lightweight Playwright test reporting skill that checks existing artifacts, runs tests when needed, parses results, and generates Markdown, Slack, TestRail, or CI-ready summaries.

init is a Playwright setup skill for adding end-to-end test infrastructure to JavaScript or TypeScript projects. Use this init guide to inspect a repo, install Playwright, generate config, create test folders, and add CI-ready defaults for Test Automation.

fix is a Playwright debugging skill for failing or flaky tests. It guides agents through reproduction, burn-in runs, trace capture, and taxonomy-based diagnosis for timing, isolation, environment, and infrastructure issues.

browserstack skill for configuring Playwright tests on BrowserStack’s cloud grid. Covers required credentials, connectOptions, browser matrix setup, and practical browserstack usage for cross-browser Test Automation.

playwright-cli is a browser automation skill for Playwright from the command line. It helps with opening pages, inspecting elements, clicking through flows, filling forms, capturing screenshots, mocking requests, and generating test code from real interactions. Use it for repeatable browser automation and UI testing.

azure-resource-manager-playwright-dotnet is a .NET management-plane skill for Azure Resource Manager and Microsoft Playwright Testing. It helps backend development and platform automation teams create and manage Playwright workspaces, check name availability, and handle workspace quotas. Use it for provisioning and workspace lifecycle tasks, not for running tests.

excalidraw-diagram creates Excalidraw JSON diagrams that argue visually, not just display boxes and arrows. Use it for workflows, architecture, sequence flows, decision paths, and concept diagrams where structure, readability, and real relationships matter. It includes install guidance, render-aware checks, and a practical workflow for better diagramming.

playwright-testing skill for writing and debugging Playwright end-to-end tests with page objects, cross-browser runs, CI-friendly setup, auth handling, and stable test structure.

playwright-best-practices is a Playwright + TypeScript skill for writing stable tests, reducing flake, improving auth flows, choosing fixtures vs page objects, and handling CI, popups, mobile, iframes, websockets, and multi-user scenarios with practical repo-backed guidance.

use-my-browser is a browser automation strategy skill for choosing the right web layer: public web tools, live Chrome, raw fetch, or Playwright for signed-in, dynamic, and DevTools-driven tasks.