Web Application Testing
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
Point to Microsoft's playwright-cli and its skill, and explain when to use it.
Install Playwright CLI Pointer
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/playwright-cli-pointer .claude/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .claude/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/playwright-cli-pointer .agents/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .agents/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/playwright-cli-pointer .cursor/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .cursor/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mohitagw15856/pm-claude-skills.git --path skills/playwright-cli-pointer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/playwright-cli-pointer .gemini/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .gemini/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/playwright-cli-pointer .github/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .github/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mohitagw15856/pm-claude-skills playwright-cli-pointer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/playwright-cli-pointer .opencode/skills/playwright-cli-pointer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "playwright-cli-pointer" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/playwright-cli-pointer into .opencode/skills/playwright-cli-pointer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-cli-pointer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
playwright-cli-pointer- GitHub stars
- 1.4k
- Token cost
- ~1.2k tokens
- SKILL.md length
- 598 words
- Files
- 1
- Skills in repo
- 1,334
- Repo updated
- First seen
- Licence
- MIT
At a glance
Point to Microsoft's playwright-cli and its skill, and explain when to use it.
- Works in 5 steps: Open the page at a mobile width, 390 by… → Walk the main flow. Take a screenshot at… → Resize to a desktop width, 1440 by 900.… → …
- Asked how to install playwright-cli
- SKILL.md covers What This Skill Produces, Required Inputs, Framework: When to Use It and Install, plus 7 more sections
- Calls npm and npx
What it does
Playwright CLI Pointer is an agent skill from mohitagw15856/pm-claude-skills. Point to Microsoft's playwright-cli and its skill, and explain when to use it. Use when asked how to install playwright-cli, how to verify a page in a real browser at mobile and desktop widths, or what handles the verification stage of the design pipeline. Produces the install commands, the Node prerequisite, a screenshot routine for both widths, an optional interface guidelines audit step, and credit to the author with a link. Contains no upstream skill content.
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Testing & QA, covering Browser testing. It works with Playwright. The repository describes itself as: 1255 professional Agent Skills for Claude, ChatGPT, Gemini, Cursor & Codex — PRDs, postmortems, leases, medical bills, layoffs, go-bags, new countries. Plain markdown, MIT, in… The licence is MIT.
When your agent uses it
- Asked how to install playwright-cli
- How to verify a page in a real browser at mobile and desktop widths
- What handles the verification stage of the design pipeline
Example prompts
- “/playwright-cli-pointer”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Open the page at a mobile width, 390 by 844. Take a screenshot.
- Walk the main flow. Take a screenshot at each step.
- Resize to a desktop width, 1440 by 900. Repeat steps 1 and 2.
- Read the screenshots. List what is wrong: overflow, wrapping, cramped tap targets, broken hierarchy.
- Fix, then take every screenshot again. Stop when a full pass finds nothing.
What it can do on your machine
Read from SKILL.md and the folder at commit 1cbf1f0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npmnpx
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
github.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Playwright CLI Pointer loads about 1.2k tokens when it runs. Until then it costs about 123 tokens; SKILL.md has 598 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from mohitagw15856/pm-claude-skills at commit 1cbf1f0, republished under its MIT licence (© mohitagw15856). 598 words, ~1,204 tokens.
Download SKILL.mdSave it as
.claude/skills/playwright-cli-pointer/SKILL.md (or your agent's skills folder).- name
- playwright-cli-pointer
- description
- Point to Microsoft's playwright-cli and its skill, and explain when to use it. Use when asked how to install playwright-cli, how to verify a page in a real browser at mobile and desktop widths, or what handles the verification stage of the design pipeline. Produces the install commands, the Node prerequisite, a screenshot routine for both widths, an optional interface guidelines audit step, and credit to the author with a link. Contains no upstream skill content.
- version
- 1.0.0
Playwright CLI (pointer)
This is a pointer, not a copy. It tells you when Microsoft's playwright-cli is the right tool, how to install it from the source, and who to credit. The tool and its skill live upstream and are not reproduced here.
What This Skill Produces
- A recommendation: whether the upstream tool fits the task in front of you
- The install commands and the prerequisite
- A verification routine: mobile and desktop widths, a screenshot per step, fix and re-check
- An optional audit step using Vercel's web-design-guidelines skill
- Attribution: author, licence and link
Required Inputs
Ask for these if not provided:
- The address of the page, usually a local dev server
- The main flow to walk through, step by step
- Where screenshots should be saved
Framework: When to Use It
Use it when:
- A page has been built and critiqued and now needs to be seen rendered
- You need screenshots at more than one width as evidence
- You want the assistant to drive a real browser from the command line
Look elsewhere when:
- Nothing is built yet. Start at stage 1 of the pipeline.
- You want a design opinion and not a rendering check. Use
impeccable-pointer. - You already have a working browser tool in the session. Use that, and keep the routine below.
Install
Prerequisite: Node.js 18 or newer.
npm install -g @playwright/cli@latest
playwright-cli install --skillsConfirm the install:
playwright-cli --helpVerification Routine
- Open the page at a mobile width, 390 by 844. Take a screenshot.
- Walk the main flow. Take a screenshot at each step.
- Resize to a desktop width, 1440 by 900. Repeat steps 1 and 2.
- Read the screenshots. List what is wrong: overflow, wrapping, cramped tap targets, broken hierarchy.
- Fix, then take every screenshot again. Stop when a full pass finds nothing.
Name files so passes can be compared, for example pricing-mobile-step2-pass1.png. The upstream README documents the open, resize and screenshot commands used here.
Optional: Interface Guidelines Audit
After the screenshots pass, you can run Vercel's web-design-guidelines skill as a final audit of the code against interface best practice, covering areas such as accessibility, focus states and forms.
npx skills add vercel-labs/agent-skills --skill web-design-guidelinesIt is optional and it comes last. It reviews code, so it complements the browser check and does not replace it.
Show full SKILL.md (229 more words)Show less
Output Format
Pointer: playwright-cli
- Fit: use it or not, in one sentence, with the reason
- Prerequisite: Node version present
- Install: the two commands
- Routine: widths, steps, file naming
- Optional audit: offered, accepted or declined
- Credit: author, licence, link
Credit
- Project: playwright-cli
- Author: Microsoft
- Licence: Apache 2.0
- Link: https://github.com/microsoft/playwright-cli
- Optional audit: web-design-guidelines by Vercel, https://github.com/vercel-labs/agent-skills. The README states MIT; the repository has no separate licence file, so check before redistributing.
- Checked: 2026-09-28
Quality Checks
- Both install commands were given exactly as written above
- Screenshots were taken at both a mobile and a desktop width
- Screenshots were taken again after every fix
- The authors were credited with links
- No upstream skill text was reproduced
- The audit step was presented as optional
Anti-Patterns
- Checking one width only. Most layout failures appear at the width you did not open.
- Fixing without re-checking. A fix at desktop width often breaks mobile.
- Reporting "verified" from the code alone. No screenshot, no verification.
- Running the audit in place of the browser check. They test different things.
Example Trigger Phrases
- "How do I install playwright-cli with its skill?"
- "Check this page in a real browser at mobile and desktop widths."
- "What handles the verification stage of the design pipeline?"
- "Screenshot every step of the signup flow and fix what is broken."
Part of the pm-design-taste bundle in the library at https://github.com/mohitagw15856/pm-claude-skills.
© mohitagw15856, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/playwright-cli-pointer of mohitagw15856/pm-claude-skills.
Open the folder on GitHubat commit 1cbf1f0
Compare with similar skills
Playwright CLI Pointer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Playwright CLI Pointer this skillmohitagw15856/pm-claude-skills | 1.4k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Web Application Testinganthropics/skills | 180k | 51 repos | ~966 | Automated safety check: Pass | Apache-2.0 | |
| Playwright CLIsanity-io/sanity | 6.4k | 18 repos | ~1.9k | Automated safety check: Pass | MIT | |
| playwright-cli Browser Automationgithub/gh-aw | 5.3k | 23 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Write and Verify Playwright Testsappsmithorg/appsmith | 41k | — | ~2.9k | Automated safety check: Notes | Apache-2.0 | |
| Cucumber and Playwright E2E Testslanggenius/dify | 158k | — | ~682 | Automated safety check: Pass | Custom licence |
Similar skills
- Official
- Official
Playwright CLI
sanity-io/sanity
Automates browser interactions for web testing, form filling, screenshots, and data extraction.
- Official
playwright-cli Browser Automation
github/gh-aw
Drives a real browser from the command line with playwright-cli to open pages, interact, mock requests, save state and work with Playwright tests.
Write and Verify Playwright Tests
appsmithorg/appsmith
Writes a Playwright end-to-end test from a prompt, runs it against a live Appsmith deployment and retries with fixes up to three times until it passes.
Cucumber and Playwright E2E Tests
langgenius/dify
Guides changes and reviews of the Cucumber and Playwright end-to-end suite under `e2e/`: feature files, step definitions, support code, tags, locators and assertions.
E2E Testing
langflow-ai/langflow
Write and review Playwright E2E tests for Langflow. An agent skill from langflow-ai/langflow.
More from mohitagw15856/pm-claude-skills
All 1,334 skills in this repoCar Tco
mohitagw15856/pm-claude-skills
Compare the total cost of car ownership across buy-new, buy-used, lease, and keep-your-current-car — depreciation, insurance, maintenance ramp, and fuel over a real horizon, not just the monthly…
Exit Waterfall
mohitagw15856/pm-claude-skills
Compute who gets what at each exit price from a cap table — liquidation preferences, conversion points, and where the founders' share collapses.
Feature Prioritisation
mohitagw15856/pm-claude-skills
Apply prioritisation frameworks (RICE, MoSCoW, Kano, ICE, Opportunity Scoring) to rank features and backlog items.
Fire Number
mohitagw15856/pm-claude-skills
Compute a financial-independence (FIRE) target and years-to-reach with every assumption labeled as an assumption — plus a sensitivity table instead of a single false-precision answer.
Freelance Rate
mohitagw15856/pm-claude-skills
Derive a freelance day/hourly rate backwards from target income, honest billable utilization, overhead, and the self-employment tax premium — the arithmetic that proves a rate is not salary÷2000.
Offer Comparison
mohitagw15856/pm-claude-skills
Compare two or more job offers as total-comp curves over four years — vesting cliffs, bonuses, 401(k) match, and the crossover year computed, not vibed.
Related
Works with
Categories
Questions about Playwright CLI Pointer
What does Playwright CLI Pointer do?
Point to Microsoft's playwright-cli and its skill, and explain when to use it. Playwright CLI Pointer is an agent skill from mohitagw15856/pm-claude-skills. Point to Microsoft's playwright-cli and its skill, and explain when to use it.
When should I use Playwright CLI Pointer?
Playwright CLI Pointer fits situations like: asked how to install playwright-cli; how to verify a page in a real browser at mobile and desktop widths; what handles the verification stage of the design pipeline.
How do I install Playwright CLI Pointer in Claude Code?
Run `npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a claude-code`. Or copy the skill folder (skills/playwright-cli-pointer in mohitagw15856/pm-claude-skills) into .claude/skills/playwright-cli-pointer in your project. Claude Code loads it when a task matches its description.
How do I install Playwright CLI Pointer in Codex?
Run `npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a codex`. Or copy the skill folder (skills/playwright-cli-pointer in mohitagw15856/pm-claude-skills) into .agents/skills/playwright-cli-pointer in your project. Codex loads it when a task matches its description.
Can I use Playwright CLI Pointer in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mohitagw15856/pm-claude-skills --skill playwright-cli-pointer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-cli-pointer, .gemini/skills/playwright-cli-pointer, .github/skills/playwright-cli-pointer and .opencode/skills/playwright-cli-pointer in your project.
What does Playwright CLI Pointer need to run?
Going by SKILL.md and its folder, Playwright CLI Pointer needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.
Does Playwright CLI Pointer access the network?
SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.
Is Playwright CLI Pointer safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Playwright CLI Pointer use?
Playwright CLI Pointer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Playwright CLI Pointer use?
About 1.2k tokens (SKILL.md is roughly 4.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Playwright CLI Pointer?
Skills that share tags, products or a category with Playwright CLI Pointer: Web Application Testing (anthropics/skills, 180k stars), Playwright CLI (sanity-io/sanity, 6.4k stars), playwright-cli Browser Automation (github/gh-aw, 5.3k stars) and Write and Verify Playwright Tests (appsmithorg/appsmith, 41k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Playwright CLI Pointer?
mohitagw15856 (a GitHub user) maintains it in mohitagw15856/pm-claude-skills, which has 1,429 GitHub stars. The repository holds 1,334 skills in this directory. The repository was last updated on October 6, 2026.
Source: mohitagw15856/pm-claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.