Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
プロジェクトのスクリーンショットこのスキルについて
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.
おすすめする理由
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.
役立つこと
- 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.
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.”
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.
| コマンド | 用途と使いどころ |
|---|---|
/plugin marketplace add anthropics/skills | Register the official Claude Code marketplace. |
/plugin install example-skills@anthropic-agent-skills | Install 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
使う前に
- Python or Node.js Playwright, installed browser binaries and a running local application.
対応エージェント
よくある質問
Is this a separate skill?
Yes. webapp-testing has its own SKILL.md and directory. It also belongs to the Anthropic Official Skills topic.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。
