Workflow·Web, Search & Scraping·v5.0.0

Playwright Browser Automation

Complete browser automation with Playwright.

You say
Buy it · $45 Read it before you buy $45 Written by lackeyjb · unverified publisher
Context cost
8.7k tokensestimated from the bundle, loaded when it triggers
Bundle
6 files · 34.6 kB2 scripts among them — read before you run
Licence
MITpaid listing
Last change
v5.0.0
Servers it uses
Noneruns standalone

What it does

Complete browser automation with Playwright. Auto-detects dev servers, writes reusable test scripts, and supports screenshots, responsive checks, UX validation, login flows, link checks, and arbitrary browser automation. Use when the user wants to test a website, automate browser interactions, validate web functionality, or perform browser-based testing.

Installed, it changes the agent in these ways.

What this skill changes about the agent is not written down here yet. The listing was collected from its source, and the description is in its own SKILL.md.

Workflow

Runs a procedure end to end.

browserautomationplaywright

The skill itself

This is the whole product. A skill is instructions the model reads, so there is nothing behind the listing you cannot see first — the front matter loads with every session, and the body below it loads when the skill triggers.

SKILL.md7.7 kB · 216 lines
--- name: playwright-skill description: Complete browser automation with Playwright. Auto-detects dev servers, writes reusable test scripts, and supports screenshots, responsive checks, UX validation, login flows, link checks, and arbitrary browser automation. Use when the user wants to test a website, automate browser interactions, validate web functionality, or perform browser-based testing. license: MIT compatibility: Requires Node.js 20+, npm, and network access on first setup to install Playwright and Chromium. metadata: author: lackeyjb version: "5.0.0" allowed-tools: Bash(node:*) Bash(npm:*) Read Write ---
12# Playwright Browser Automation
13
14Write and execute focused Playwright scripts for the user's request. Prefer the
15skill's executor and helpers, but use the full Playwright API when needed.
16
17## Path resolution
18
19This skill can be installed in several locations, so resolve its directory
20first. Set SKILL_DIR to the directory containing this SKILL.md file, then run
21the commands below as written:
22
23```bash
24export SKILL_DIR=<absolute path of the directory containing this SKILL.md>
25export TMP_DIR="$(node -p 'require("node:os").tmpdir()')"
26```
27
28If shell state does not persist between commands, substitute the literal paths
29for $SKILL_DIR and $TMP_DIR in each command instead.
30
31Common installation paths:
32
33- Plugin system: ~/.claude/plugins/marketplaces/playwright-skill/skills/playwright-skill
34- Manual global: ~/.claude/skills/playwright-skill
35- Project-specific: <project>/.claude/skills/playwright-skill
36
37## Workflow
38
391. For localhost work, detect running servers before writing a URL:
40
41 ```bash
42 node -e "require('$SKILL_DIR/lib/helpers').detectDevServers().then(s => console.log(JSON.stringify(s)))"
43 ```
44
45 Use the only result automatically. Ask which URL to use when there are
46 multiple results. Ask for a URL or offer to start a server when none exist.
472. Write reusable scripts to $TMP_DIR/playwright-test-*.js unless the user
48 asks to save them in the project. Use PW_SCRIPT_DIR to preserve scripts.
493. Use a visible browser by default. Use headless: true only when requested
50 or when the environment has no display.
514. Put the target URL in a constant or environment variable.
525. Run scripts with node "$SKILL_DIR/run.js" <script.js>.
536. Report actions, failures, and artifact paths. Do not claim success without
54 checking the resulting page.
55
56## Setup
57
58Run once:
59
60```bash
61cd "$SKILL_DIR" && npm run setup
62```
63
64This installs Playwright and Chromium. Use `cd "$SKILL_DIR" && npm run
65install-all-browsers` when Firefox or WebKit is required.
66
67## Minimal example
68
69```javascript
70const os = require('node:os');
71const path = require('node:path');
72const { chromium } = require('playwright');
73
74const targetUrl = process.env.TARGET_URL || 'http://localhost:3000';
75const artifactDir = process.env.PW_ARTIFACT_DIR || os.tmpdir();
76
77(async () => {
78 const browser = await chromium.launch({ headless: false });
79 try {
80 const page = await browser.newPage();
81 await page.goto(targetUrl);
82 console.log('Page loaded:', await page.title());
83 await page.screenshot({ path: path.join(artifactDir, 'page.png'), fullPage: true });
84 } finally {
85 await browser.close();
86 }
87})();
88```
89
90Run it:
91
92```bash
93node "$SKILL_DIR/run.js" "$TMP_DIR/playwright-test-page.js"
94```
95
96For short one-off tasks, use inline execution:
97
98```bash
99node "$SKILL_DIR/run.js" -e "const browser = await chromium.launch({headless: false}); try { const page = await browser.newPage(); await page.goto('https://example.com'); console.log(await page.title()); } finally { await browser.close(); }"
100```
101
102The -e process exits as soon as the snippet settles, so close the browser
103inside the snippet.
104
105## Current Playwright patterns
106
107Prefer locators that describe what a user sees, in this order:
108
1091. page.getByRole() with an accessible name
1102. page.getByLabel() for form controls
1113. page.getByText() for visible content
1124. page.getByTestId() when the application provides a test contract
113
114Actions auto-wait for actionability. Use web-first assertions or a locator's
115waitFor() instead of waitForSelector(), fixed sleeps, or networkidle.
116
117```javascript
118await page.getByLabel('Email').fill('test@example.com');
119await page.getByRole('button', { name: 'Sign in' }).click();
120await page.waitForURL('**/dashboard');
121await page.getByRole('heading', { name: 'Dashboard' }).waitFor();
122```
123
124## Common tasks
125
126### Responsive checks
127
128```javascript
129{
130 const os = require('node:os');
131 const path = require('node:path');
132
133 const artifactDir = process.env.PW_ARTIFACT_DIR || os.tmpdir();
134 const viewports = [
135 { name: 'desktop', width: 1440, height: 900 },
136 { name: 'mobile', width: 390, height: 844 },
137 ];
138
139 for (const viewport of viewports) {
140 await page.setViewportSize(viewport);
141 await page.goto(targetUrl);
142 await page.screenshot({ path: path.join(artifactDir, ${viewport.name}.png), fullPage: true });
143 }
144}
145```
146
147### Login flow
148
149Use test credentials supplied by the user. Never invent or expose real
150credentials. Verify both the navigation and a post-login element.
151
152```javascript
153await page.goto(${targetUrl}/login);
154await page.getByLabel('Email').fill(process.env.TEST_EMAIL);
155await page.getByLabel('Password').fill(process.env.TEST_PASSWORD);
156await page.getByRole('button', { name: /sign in|log in/i }).click();
157await page.waitForURL('**/dashboard');
158await page.getByRole('heading', { name: /dashboard/i }).waitFor();
159```
160
161### Save scripts and artifacts
162
163```bash
164PW_SCRIPT_DIR=./playwright-tests node "$SKILL_DIR/run.js" "$TMP_DIR/playwright-test-login.js"
165PW_ARTIFACT_DIR=./playwright-artifacts node "$SKILL_DIR/run.js" "$TMP_DIR/playwright-test-page.js"
166```
167
168PW_SCRIPT_DIR copies file-based scripts before execution and adds a timestamp
169when a filename already exists. PW_ARTIFACT_DIR controls helper screenshot
170output; the default is the operating system temporary directory.
171
172### Connect to an existing Chrome session
173
174Start Chrome with remote debugging enabled, then connect with Playwright:
175
176```javascript
177const browser = await chromium.connectOverCDP('http://127.0.0.1:9222');
178const page = browser.contexts()[0].pages()[0];
179```
180
181This reuses cookies and extensions in that session. Do not use it for secrets
182unless the user explicitly asks; a connected browser has the user's access.
183
184## Helpers
185
186```javascript
187const helpers = require(${process.env.PW_SKILL_DIR}/lib/helpers);
188
189const servers = await helpers.detectDevServers();
190const browser = await helpers.launchBrowser('chromium');
191const context = await helpers.createContext(browser);
192const page = await context.newPage();
193await helpers.handleCookieBanner(page);
194await helpers.takeScreenshot(page, 'result');
195```
196
197Available helpers are detectDevServers, getExtraHeadersFromEnv,
198launchBrowser, createContext, handleCookieBanner, and takeScreenshot.
199Use Playwright locators and assertions directly for actions, waits, extraction,
200authentication, tables, and retries.
201
202## Configuration
203
204- PW_BROWSER: chromium, firefox, or webkit for launchBrowser().
205- PW_CHANNEL: installed browser channel such as chrome or msedge.
206- PW_EXECUTABLE_PATH: explicit browser executable path.
207- PW_HEADLESS: true or false; visible mode is the default.
208- SLOW_MO: action delay in milliseconds.
209- PW_HEADER_NAME and PW_HEADER_VALUE: one extra HTTP header.
210- PW_EXTRA_HEADERS: JSON object of extra HTTP headers.
211- PW_SCRIPT_DIR: directory for preserving file-based scripts.
212- PW_ARTIFACT_DIR: directory for helper-generated screenshots.
213
214See [API_REFERENCE.md](API_REFERENCE.md) for network interception, API mocking,
215authentication state, video, visual checks, device emulation, and CI patterns.
216
In the file
SKILL.md902 words
Files6
LicenceMIT
Why you can read it

Nothing in a skill executes. The client loads the text and the model follows it, so a skill can be audited the way a runbook is — by reading it.

What it costs in context

Skills are not billed by the call. They are paid for in context: every token the instructions occupy is a token your code, your diff and your conversation cannot use. Here is what this one takes and when it takes it.

≈160
always loaded
The name and description, so the model knows the skill exists and when to reach for it.
8,490
on trigger
The instruction body and 5 supporting files, read only when the skill fires.
4.3%
of a 200k window
Ten skills this size would take about 43% of the window before you open a file.
050k100k150k200k context window

8.7k tokens, estimated from the bundle at four bytes to the token, held for the rest of the session once it triggers. Heavy. Teams tend to install this one per project rather than globally, and load it only when the job comes up.

Servers bill, skills cost

A server charges by the month. A skill charges once per session, in context, and then keeps charging it for as long as the session lives.

Before and after

The same question, put to the same model twice: once as it comes, and once with these instructions loaded.

No worked example has been published for this skill yet.

Adoption
Installsnone yet
Ratingno reviews yet

The procedure it runs

The procedure has not been published here. It is in the skill’s own SKILL.md, which its author has not sent to the marketplace yet.

Prose, not code

These steps are written for a model to follow, not executed by a runtime. It can still be told to skip one, and it will say so when it does.

Servers it uses

None. This skill calls no MCP servers at all.

Everything it needs is in the instructions, so it works in a project with nothing connected — the model reads the file and changes how it works with what it can already reach.

It asks the agent to write files, using whatever file access your client already has. It never touches the network.

What it asks for
Writes filesyes
Network accessno

Read from the allowed-tools line of this skill’s own SKILL.md. A skill grants no permissions of its own — it can only ask for tools your client already has.

What it will not do

Every skill is narrow, and the useful ones say where they stop. These are the jobs this one is the wrong tool for.

What this skill is not for has not been published here. Nothing is implied by that: it is a section the author has not filled in.

What is in the bundle

6 files, 34.6 kB on disk. Mostly text — the instructions the model reads — with 2 scripts in it that your client would run only if the instructions tell it to.

  • API_REFERENCE.md16.5 kB
  • SKILL.md7.7 kB
  • package-lock.json1.8 kB
  • package.json0.7 kB
  • run.js3.7 kB
  • lib/helpers.js4.2 kB
What is not in it

A skill installs nothing and depends on nothing: it is a folder your client reads. This one carries 2 scripts beside the text, so the bundle is 6 files you can review in full before installing. The MIT licence covers the templates and examples as well as the instructions.

Install

Installing copies the bundle into your project. Nothing runs at install time — the files sit on disk until the model reads them.

$45 once
Playwright Browser Automation · MIT · lackeyjb
one-time
Price$45 once
LicenceMIT — the author’s, unchanged by this purchase
Paid throughStripe, once, on the card you add at the checkout
Keeps workingfor good — the files are yours once they are on disk
Updatesevery release of 5.x through this account

You can read the whole bundle before paying — the SKILL.md above is the product, not a preview of it. What the money buys is the delivery: the folder packaged and handed to your machine by key, every update its author ships, and our support if it does not do what this listing says. The terms of use are MIT, set by the author and unchanged by buying it here.

Payment runs through Stripe, on a page like this one rather than a redirect. Once there is an account it joins the same mcprush invoice as everything else you run, so there is never a second card to enter.

Which clients pick it up on their own

A skill is a folder of text. A client with a skills folder reads it without being told; everywhere else the same text works, it is just handed to the model rather than found.

Claude Code.claude/skills/
Claude Desktop
ChatGPT
Cursor.cursor/skills/
VS Code.github/skills/
Codex CLI.agents/skills/
Gemini CLI.gemini/skills/
Grok.grok/skills/
Zed.agents/skills/
Windsurf.windsurf/skills/
Agent SDK.claude/skills/
HTTP / API
This release
Version5.0.0
Publishedno release date on file
Price$45
Referencelackeyjb/playwright-browser-automation

Versions

v5.0.0 is what is on the shelf; no release here carries a date. Instructions change more often than APIs do — a skill can be rewritten entirely without anything it depends on moving.

v5.0.0
  • No earlier releases have been published to the marketplace.
Pinning

Put lackeyjb/playwright-browser-automation@5.0.0 in the install command to hold this exact version. Without the suffix you get whatever is current the day you install, and nothing moves under you afterwards.

Reviews

no reviews yet · no installs yet

Nobody has reviewed this skill yet. The rating is the mean of the reviews written here, so there is none until somebody writes the first.

Who can post

Only accounts that have had the skill installed for fourteen days, so a review is written after living with it rather than after reading it. Publishers may reply once.

Who wrote it

LA
lackeyjb

Publishes on mcprush.

0 servers listed1 skill listednot claimed
Profile
Publisher
Servers0