playwright-core

79 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By testdino-hq/playwright-skill (GitHub) · coding · 418 stars · scanned at commit 27b3ed5

Battle-tested Playwright patterns for writing and debugging reliable E2E, API, component, visual, accessibility, and security tests. Use when you need locator strategy, assertions, fixtures, network mocking, auth flows, trace debugging, or framework recipes for React, Next.js, Vue, and Angular. TypeScript and JavaScript.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 194 places.

core/accessibility.md, line 1401- run: npx playwright install --with-deps chromium
core/accessibility.md, line 1404run: npx playwright test --project=accessibility
core/angular.md, line 13npx playwright test

Show 17 more

core/angular.md, line 16npx playwright test --project=chromium
core/angular.md, line 19npx playwright test tests/home.spec.ts --headed --debug
core/angular.md, line 22npx playwright codegen http://localhost:4200
core/angular.md, line 65? 'npx ng build && npx http-server dist/your-app/browser -p 4200 -s'
core/angular.md, line 66: 'npx ng serve',
core/angular.md, line 110? 'npx ng build && npx http-server dist/your-app/browser -p 4200 -s'
core/angular.md, line 111: 'npx ng serve',
core/angular.md, line 160? 'npx ng build --configuration=production && npx http-server dist/your-app/browser -p 4200 -s'
core/angular.md, line 161: 'npx ng serve --configuration=development',
core/angular.md, line 1009| Local development | `npx ng serve` | Fast rebuild, source maps, no optimization |
core/angular.md, line 1010| CI (production build) | `npx ng build && npx http-server dist/your-app/browser -p 4200 -s` | Tests the real production bundle |
core/angular.md, line 1011| CI (SSR/Universal) | `npx ng build --ssr && node dist/your-app/server/server.mjs` | Tests server-side rendered Angular |
core/angular.md, line 1036? 'npx ng build --ssr && node dist/your-app/server/server.mjs'
core/angular.md, line 1037: 'npx ng serve --ssr',
core/assertions-and-waiting.md, line 711**Fix**: Check the HTML report (`npx playwright show-report`). Each soft failure is listed with its locator, expected value, and actual value. Group related sof
core/authentication.md, line 179Global setup runs once per `npx playwright test` invocation. It logs in, saves the state, and every test project that references that state file starts authenti
core/common-pitfalls.md, line 365Run against different environments by setting the variable: `BASE_URL=https://staging.example.com npx playwright test`

and 174 more places

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 25 places.

core/auth-flows.md, line 210const response = await route.fetch();
core/auth-flows.md, line 300const response = await route.fetch();
core/auth-flows.md, line 341const response = await route.fetch();

Show 17 more

core/auth-flows.md, line 410const response = await route.fetch();
core/dynamic-test-selection.md, line 88const res = await fetch(`${API}/${TESTDINO_PROJECT_ID}/test-case-explorer?${params}`, {
core/fixtures-and-hooks.md, line 132const response = await fetch(`${process.env.API_URL}/auth/token`, {
core/fixtures-and-hooks.md, line 162const response = await fetch(`${process.env.API_URL}/auth/token`, {
core/fixtures-and-hooks.md, line 749const res = await fetch(`${process.env.API_URL}/auth/service-token`, {
core/fixtures-and-hooks.md, line 800const res = await fetch(`${process.env.API_URL}/health/db`);
core/network-mocking.md, line 16const response = await route.fetch();
core/network-mocking.md, line 384**Avoid when**: You can fully mock the response. `route.fetch()` adds a real network round-trip, so it is slower.
core/network-mocking.md, line 393const response = await route.fetch();
core/network-mocking.md, line 408const response = await route.fetch();
core/network-mocking.md, line 427const response = await route.fetch();
core/network-mocking.md, line 449const response = await route.fetch();
core/network-mocking.md, line 463const response = await route.fetch();
core/network-mocking.md, line 1292| Need to test real API but tweak one field | `route.fetch()` + modify + `route.fulfill()` | Uses real data as baseline, only overrides what you need |
core/network-mocking.md, line 1369### `route.fetch()` causes infinite loop
core/network-mocking.md, line 1371**Cause**: `route.fetch()` re-issues the request, which can re-trigger the same route handler if the URL pattern matches.
core/network-mocking.md, line 1373**Fix**: Playwright handles this correctly for the same route handler -- `route.fetch()` will not re-enter the handler that called it. But if you have multiple

and 5 more places

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README. Expected for a coding skill.

Found in 12 places.

core/configuration.md, line 459const { execSync } = await import('child_process');
core/configuration.md, line 460execSync('npx prisma db seed', { stdio: 'inherit' });
core/configuration.md, line 474const { execSync } = await import('child_process');

Show 9 more

core/configuration.md, line 475execSync('npx prisma db push --force-reset', { stdio: 'inherit' });
core/configuration.md, line 497const { execSync } = require('child_process');
core/configuration.md, line 500execSync('npx prisma db seed', { stdio: 'inherit' });
core/configuration.md, line 509const { execSync } = require('child_process');
core/configuration.md, line 512execSync('npx prisma db push --force-reset', { stdio: 'inherit' });
core/when-to-mock.md, line 502import { execSync } from 'child_process';
core/when-to-mock.md, line 506execSync('docker compose -f docker-compose.test.yml down -v');
core/when-to-mock.md, line 532const { execSync } = require('child_process');
core/when-to-mock.md, line 536execSync('docker compose -f docker-compose.test.yml down -v');

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'playwright-core' ] || [ -L ~/.agents/skills/'playwright-core' ]; then echo 'A skill folder named playwright-core already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/testdino-hq/playwright-skill' "$d" && git -C "$d" checkout --quiet '27b3ed58126bf875cb8cf0a5a39561c7824b65fc' -- 'core' && mkdir -p ~/.agents/skills && cp -R "$d"/'core' ~/.agents/skills/'playwright-core' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'playwright-core' ~/.claude/skills/'playwright-core' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for testdino-hq/playwright-skill shows the score of its lowest-scoring skill.

SkillTrust badge for testdino-hq/playwright-skill

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/testdino-hq/playwright-skill.svg)](https://zalavijaysinh.github.io/skilltrust/repos/testdino-hq/playwright-skill/)

Score history

Date	Version	Score
2026-11-14	`27b3ed5`	79
2026-11-07	`178d1cb`	85