Playwright

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.

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.

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.

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.

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.

playwright-skill is a Playwright-specific guide for reliable browser automation. It helps teams write, debug, and scale tests for E2E flows, API checks, component testing, visual regression, accessibility, auth, CI/CD, and migration from Cypress or Selenium. Use the playwright-skill skill when you want practical patterns instead of generic testing advice.

playwright-skill is a browser automation skill for testing pages, filling forms, checking links, taking screenshots, validating responsive layouts, and working through login or checkout flows. It auto-detects dev servers, uses a universal executor, and helps you run reliable Playwright tasks with less setup and guesswork.

x-article-publisher is a workflow-focused skill for publishing Markdown to X (Twitter) Articles with preserved formatting, cover image handling, and rich text conversion. It fits users who need a practical x-article-publisher guide for browser-based publishing and workflow automation.

playwright-interactive is a browser automation skill for persistent Playwright sessions in local web and Electron apps. Use it to inspect UI state, retry interactions, and run functional or visual QA without restarting the toolchain. Ideal when you need a practical playwright-interactive guide for iterative debugging.

Use the playwright skill to automate a real browser from the terminal with a wrapper script and `playwright-cli`. It fits browser automation tasks like navigation, form filling, screenshots, snapshots, extraction, and UI-flow debugging. Check `npx`, install the skill, set `PWCLI`, then follow the CLI-first workflow.

azure-microsoft-playwright-testing-ts helps you set up Playwright test runs on Azure Playwright Workspaces with TypeScript. Use it for browser automation at scale, cloud-hosted browsers, CI/CD integration, Microsoft Entra authentication, and Azure portal reporting. Includes install, config, and usage guidance.

e2e-testing-patterns is a practical skill for designing reliable, fast end-to-end test suites. Use it to choose critical-path coverage, reduce flakiness, and apply Playwright or Cypress testing patterns for CI-ready automation.