Web App Testing

testingplaywrightfrontende2edebugging

Summary

Interact with and test local web applications using Playwright — verify frontend behavior, debug UI, capture screenshots, and read browser logs.

Features

Drive local web apps with Playwright
Verify frontend functionality end to end
Capture browser screenshots
Read browser console logs
Debug UI behavior interactively

Install This Skill

Add this skill to your favorite AI agent in a few steps.

Any AI agent

This skill is plain instructions — it works with any assistant that accepts custom instructions or system prompts.

Copy the skill content with the button below.
Paste it into your agent's instruction file or system prompt (for example AGENTS.md, .cursorrules, or a custom instructions field).
Ask the agent to apply the skill whenever the task matches.

Claude Code & Claude apps

Claude loads skills automatically from its skills directory.

Claude Code

Create a skill folder — personal: ~/.claude/skills/webapp-testing/, or per-project: .claude/skills/webapp-testing/
Save the skill content as SKILL.md inside that folder.
Claude Code picks it up automatically and invokes it when relevant.

mkdir -p ~/.claude/skills/webapp-testing

Claude.ai / Claude Desktop

Enable Skills under Settings → Capabilities, then upload the skill (a folder or zip containing SKILL.md).

One-prompt install

Paste this prompt into any agent with web access and it will install the skill for you.

Install the "Web App Testing" skill from Onei AI. Fetch https://onei.ai/skills/webapp-testing, extract the full skill content from the page, and save it where you load skills from (for Claude Code: .claude/skills/webapp-testing/SKILL.md). From now on, apply this skill whenever it is relevant to my request.

Skill Content

Markdown Content

Copy this content and use it with your preferred AI agent

# Web App Testing

Use this skill to interact with and test a local web application in a real browser.

## What it does
- Launches the app under Playwright and drives it like a user
- Verifies that frontend flows actually work
- Captures screenshots of the running UI
- Reads browser console logs to diagnose failures

## When to reach for it
When you need to confirm a change works in the real app — clicks, navigation, rendering — not just that unit tests pass.

Description

A toolkit for driving and testing local web applications with Playwright. It verifies frontend functionality, debugs UI behavior, captures browser screenshots, and surfaces browser console logs — useful for confirming a change works in a real browser rather than only in unit tests.