CatalinPoata

You can automate browser interactions, run and manage Playwright tests, set up isolated React or Vue component testing via a story gallery, and inspect trace files from the command line, including actions, requests, console logs, errors, snapshots, and screenshots.

Front-end and QA engineers working with Playwright who need browser test automation, isolated component testing for React or Vue, or command-line debugging of trace files. They also suit teams migrating away from @playwright/experimental-ct-react or -vue.

The skills execute through Bash using playwright-cli, npx, and npm commands. Component testing scaffolds stories and a gallery dev page driven by Playwright's built-in mount fixture, while trace inspection runs entirely from the command line via npx.

You need a Node.js environment with npm and npx available, plus Playwright installed in your project. Component testing requires a React or Vue codebase, and trace inspection requires existing Playwright trace files generated from prior test runs.