Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Webapp Testing (Playwright)

Official

Official skill that lets Claude drive and verify local web apps with Playwright, including screenshots and console logs.

Dev & CodingIntermediate★ 167,132⑂ 19,920AI score 8/10Last updated: Aug 7, 2026

What it does

  • Guides Claude to write native Python Playwright scripts for interacting with and testing web apps running locally.
  • Ships scripts/with_server.py to start/stop one or many dev servers (e.g. backend + frontend), wait for ports, then run your automation script.
  • Provides a decision tree (static HTML vs. dynamic app), a reconnaissance-then-action pattern that inspects the DOM only after wait_for_load_state('networkidle'), plus screenshot and console-log capture recipes.
  • Includes examples/ for element discovery, static HTML via file:// URLs, and console logging.

Who it's for

  • Frontend developers (React/Vue/Svelte…) who want Claude to prove the UI actually works.
  • QA and fullstack engineers automating E2E checks or bug reproductions.
  • Anyone tired of manually booting dev servers and clicking through flows.

Example uses

  1. "Start npm run dev on port 5173, verify the login form works, and screenshot on failure."
  2. "Boot backend on 3000 and frontend on 5173, then click through the add-to-cart flow."
  3. "Capture all console errors on this page and tell me which script causes them."

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/anthropics/skills/HEAD/skills/webapp-testing/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the skills/webapp-testing folder from the GitHub repo anthropics/skills into my ~/.claude/skills/webapp-testing/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/anthropics/skills.git && mkdir -p ~/.claude/skills && cp -r skills/skills/webapp-testing ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Prerequisites: install Python 3 and Playwright — pip install playwright, then python -m playwright install chromium.
  2. Clone the repo: git clone https://github.com/anthropics/skills.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy the skill: cp -r skills/skills/webapp-testing ~/.claude/skills/
  5. Verify ~/.claude/skills/webapp-testing/ contains SKILL.md, scripts/, and examples/.
  6. Restart Claude Code and ask something like "test my local web app UI with Playwright" to trigger the skill.
View source on GitHub ↗