2
    Webapp Tester

    Webapp Tester

    by Fairy Squadmother

    Professional browser testing for Claude Code and Codex. Catch UI bugs before they ship.

    Updated May 2026
    Instant install
    One-time purchase

    $15

    · or 75 credits

    One-time purchase

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Test critical user journeys like login and checkout on multiple viewports.
    • Debug flaky UI interactions by capturing traces and console logs.
    • terminal, browser, env_vars automation included
    • Includes example output and usage patterns
    • Instant install

    See it in action

    A real example of what this skill takes in and produces.

    Sample output

    Browser Test Results

    • Coverage: Chromium, iPhone 13
    • Steps:
      • PASS: open login page
      • FAIL: submit valid credentials: expected /dashboard but stayed on /login; visible error "Account locked"
    • Artifacts:
      • screenshot: test-results/failure.png
    • Likely fix: Update seed data for the test user.

    About This Skill

    Professional E2E Browser Testing

    The WebApp Tester skill provides a production-grade automated testing workflow using Playwright. It solves the common problem of "flaky" or shallow AI-generated tests by implementing a structured, artifact-driven approach to browser automation. Instead of just clicking buttons and hoping for the best, this skill ensures your AI agent acts like a professional QA engineer.

    What it does

    • Comprehensive Coverage: Tests flows across desktop and mobile viewports (iOS/Android emulation).
    • Deep Diagnostics: Automatically captures screenshots, Playwright traces, and console logs on failure.
    • Smart Auth: Manages persistent authentication states, preventing redundant login steps across test suites.
    • Visual Regression: Implements screenshot comparison to catch UI regressions that functional tests might miss.
    • Step-Level Reporting: Provides clear, human-readable summaries of exactly where a flow broke.

    Why use this skill?

    Prompting an AI to "test my site" often results in generic scripts that fail on modern React/Next.js apps. This skill enforces test.step() patterns, proper locators, and environmental awareness. It handles dev servers, manages mobile emulation profiles, and produces actionable debugging data that tells you exactly why a test failed—saving you hours of manual reproduction.

    Supported Tools

    • Frameworks: Playwright (primary), Chromium, WebKit, Firefox.
    • Environments: Local dev servers (localhost), staging, and production.
    • Contexts: Mobile Safari, Mobile Chrome, Desktop Responsive.

    Use Cases

    • Test critical user journeys like login and checkout on multiple viewports.
    • Debug flaky UI interactions by capturing traces and console logs.
    • Verify responsive layouts using iPhone and Android emulation profiles.
    • Automate visual regression testing with full-page screenshot comparisons.
    • Persist authentication sessions to speed up multi-page test suites.

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Browser
    Environment Variables
    Read Files
    Write Files

    File Scopes

    ./test-results/**/*
    ./tests/**/*
    **/*.spec.ts
    **/*.test.js

    WebApp Tester needs terminal access to run Playwright test commands—the industry standard for browser testing in Node.js environments. These commands launch real browsers (Chromium, Firefox, WebKit) that execute test flows like login, checkout, and form submission. No system modifications occur; the skill only reads test configurations and writes test artifacts (reports, screenshots, videos) to help developers debug failures. The skill never modifies source code, never installs software beyond Playwright's documented setup, and makes no external network calls of its own. All testing happens locally on the user's machine against their chosen test environment (localhost, staging, or production URL). For first-time users, the skill will prompt the user to run npx playwright install if browsers are missing—it does not attempt to install them automatically without permission.

    Works with Claude Code and Codex. Requires Playwright to be installed (`npm install -D @playwright/test`). First-time users must run `npx playwright install` to download browsers. All testing runs locally; no cloud dependencies.

    Creator

    Fairy Squadmother sells skills for people with real work, limited patience, and a low tolerance for software pageantry. Her skills help creators, founders, freelancers, and practical humans turn repeatable messes into reusable systems. Promptcrud. Taskspawn. Filefog. Launch splatter. Documentation drift. The weird little admin barnacles that attach themselves to anything worth doing. She builds for the moment when you know the process can be better, but you do not have a spare week to go spelunking through your own workflow with a headlamp and a grudge. Clear instructions. Useful defaults. Less performance. More usable machinery. Onward.

    Frequently Asked Questions

    More Premium Skills

    $15