What do I need to use Playwright CLI (pointer)?

The address of the page; The main flow to walk through; Where screenshots should be saved.

Is Playwright CLI (pointer) free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Playwright CLI (pointer)

Q: How do I know the Playwright CLI (pointer) output is good?

The skill verifies itself against its own 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.

🔵 Stable🕐 updated 2026-09-28 ✅ 4.5/5 🔷 SkillSpec L3 pm-design-taste

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.

▶ Run it free — no key needed 📝 Grade your existing draft ⬇ Add to Claude (works in Duet) 📱 Use as an app View SKILL.md ↗ What changed

🗣 Say this to your agent

“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.”“--”

What to give it

▸The address of the page — , usually a local dev server

▸The main flow to walk through — , step by step

▸Where screenshots should be saved

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓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

⚠️ What it refuses to do

**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.

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y -p pm-claude-skills pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="playwright-cli-pointer"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Playwright CLI (pointer) is one of 1326 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog