Web App Testing — Anthropic Skill

anthropics/skills

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

Conteúdo atualizado:

Ver no 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.412Estrelas22.759ForksÚltimo push do repositório

Sobre este 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.

Por que escolhemos

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.

No que ajuda

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

ComandoPara que serve
/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

Antes de usar

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

Agentes compatíveis

Claude Code

Perguntas frequentes

Is this a separate skill?

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

Fontes e referências

As fontes originais estão nos links abaixo. As sugestões práticas são recomendações editoriais do SkillHey.