webapp-testing

Official source

Tests and debugs local web apps with native Python Playwright scripts and a server-lifecycle helper, using a reconnaissance-then-action pattern and headless Chromium.

Source: Anthropic

Claude.ai · CompatibleClaude Code · CompatibleDevelopment

At a glance

Verified source
Best for
Verifying frontend behavior or debugging UI on a locally running app
Works with
Claude.ai · Claude Code
Outcome
Capturing screenshots and console logs during automated flows
Source
anthropics/skills

01 / Understand the skill

About webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

02 / Confirm the fit

Use webapp-testing when you need to

  • Verifying frontend behavior or debugging UI on a locally running app
  • Capturing screenshots and console logs during automated flows
  • Managing backend+frontend server startup with a single helper

03 / See the workflow

How webapp-testing works

  1. 01Install: npx skills add https://github.com/anthropics/skills --skill webapp-testing
  2. 02Try: Start my Vite app and verify the login form shows an error on bad input.
  3. 03Get: A Playwright run that exercises the flow and reports screenshots/logs.

Check before installing

Compatible platforms

Claude.ai · Claude Code

Best fit

Verifying frontend behavior or debugging UI on a locally running app

Review the source instructions if the required output differs from the formats described above.

Install and use

Compatible with Claude.ai and Claude Code · Published by Anthropic

Ready to add webapp-testing?

Use the published instructions below, then provide the required input and describe the result you need.

General instructions · Claude.ai · Claude Code

npx skills add https://github.com/anthropics/skills --skill webapp-testing

Review the source repository and license before installing third-party skills.

Continue exploring

Similar skills

claude-apiOfficial

Authoritative reference for the Claude API and Anthropic SDKs: model IDs, pricing, thinking/effort params, streaming, tool use, caching, managed agents, and model migration.

xlsxOfficial

Read, edit, create, and fix Excel/CSV files — formulas, formatting, charts, and clean financial models with zero formula errors.

Generate distinctive, production-grade frontend UI that avoids generic AI aesthetics — pages, components, dashboards, and landing pages.

mcp-builderOfficial

Build high-quality MCP (Model Context Protocol) servers in Python (FastMCP) or Node/TypeScript that let LLMs use external services through well-designed tools.