Web App Testing — Anthropic Skill

anthropics/skills

Use Playwright to inspect local web apps, exercise frontend flows and capture screenshots and logs.

Contenu mis à jour:

Voir sur GitHub
git clone https://github.com/anthropics/skills.git anthropic-skills mkdir -p .claude/skills cp -R anthropic-skills/skills/webapp-testing .claude/skills/
193 412Étoiles22 759ForksDernier push du dépôt

À propos de ce Skill

Use Playwright to inspect local web apps, exercise frontend flows and capture screenshots and logs. Python or Node.js Playwright, installed browser binaries and a running local application.

Pourquoi ce choix

Useful for checking a local web application through a real browser. It pairs Playwright scripts with a reconnaissance-first approach, especially when rendered DOM and load timing matter.

À quoi il sert

  • Test a form's user journey.
  • Inspect a dynamically rendered interface.
  • Capture screenshots while debugging.

How this skill works

1. Start or connect to the local application

Start or connect to the local app, then inspect the rendered page before choosing selectors.

2. Inspect the DOM before selecting actions

Use Playwright to exercise user actions, collect screenshots and inspect browser behavior.

3. Assert behavior and capture browser evidence

Assert the expected results and investigate failures with the observed DOM and logs.

Official webapp-testing instructions

An example task

Try this brief: “Check a fictional workshop signup form for empty input, successful signup and reset.”

The preview is an original SkillHey illustration of this task. Its content is fictional and is not an official Anthropic screenshot or an agent benchmark.

Second example

Try this brief: “Check a local cart for quantity updates, item removal and an empty-cart state.”

Official webapp-testing instructions

Install this skill or its official plugin

For this skill alone, copy its complete directory into the project Skills root using the command above. The final entry is .claude/skills/webapp-testing/SKILL.md. Keep references, scripts and assets with it.

CommandeÀ quoi elle sert
/plugin marketplace add anthropics/skillsRegister the official Claude Code marketplace.
/plugin install example-skills@anthropic-agent-skillsInstall the official plugin. This may include other skills; see its manifest.

Official repository and plugin manifestClaude Code skill installation documentation

Dependencies and license

Python or Node.js Playwright, installed browser binaries and a running local application.

The recipe is free to access; running an agent or external service may have its own costs.

Review this skill’s LICENSE.txt before redistributing its files.

Official webapp-testing instructionsOfficial repository and plugin manifest

Avant de l’utiliser

  • Python or Node.js Playwright, installed browser binaries and a running local application.

Agents compatibles

Claude Code

Questions fréquentes

Is this a separate skill?

Yes. webapp-testing has its own SKILL.md and directory. It also belongs to the Anthropic Official Skills topic.

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.