AI agent skill

Web App Testing

Drive a real browser against a local or deployed web app: click, type, assert visible state — not just unit tests of components.

·

When to use this skill

Use Web App Testing when the bug or feature is in the UI: a form, a route, a client-only empty state. Unit tests will not see a client-fetch homepage.

When not to use it

Use TDD for pure functions and API handlers. Do not spin up a browser to assert a slugify helper.

How to install

  1. Personal install: create ~/.claude/skills/webapp-testing/SKILL.md (and any bundled scripts) so Claude Code, Claude Desktop, and compatible agents can load it in every project.
  2. Project install: commit the same folder at .claude/skills/webapp-testing/ so teammates get the skill with the repo.
  3. Restart the agent session after copying files so it re-scans the skills directory, then ask for the task in words that match the skill description.

Full install guide for Claude, Cursor, and Codex

What this skill does

This skill is for end-to-end paths a user would take. It complements TDD rather than replacing it.

Intended uses

  • Verify a signup form error state
  • Catch a page that only renders after JavaScript
  • Regression-check a checkout flow

Related skills

Related skills in this directory, for comparison before you install another skill.

coding

Test-Driven Development

Force a coding agent to write a failing test first, then the minimum implementation, then refactor — so it cannot claim done without a red-green loop.

View skill

coding

Systematic Debugging

A root-cause debugging loop for coding agents: reproduce, isolate, hypothesize, then change one thing — instead of shotgun patches.

View skill

productivity

Agent Browser CLI

Give an agent a headed or headless browser CLI to open pages, snapshot the DOM, and click through flows without a separate MCP server.

View skill

Ranked Claude skills