web-tests

Generate and execute Playwright test scripts for browser UI automation.

14|1|Updated Oct 23, 2025

Search Tags:#screenshots #playwright #ci-cd #e2e-testing #browser-automation

Ready to run

npx skills add https://github.com/marcioaltoe/claude-craftkit --skill web-tests

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-tests
Source: https://github.com/marcioaltoe/claude-craftkit/tree/main/plugins/ui-tests/skills/web-tests
Command: npx skills add https://github.com/marcioaltoe/claude-craftkit --skill web-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides end-to-end browser automation to test web apps, capture screenshots, and validate UI behavior with Playwright, reducing manual testing time and improving confidence.

Core Features & Use Cases

E2E Testing: Create reliable end-to-end tests for pages and flows.
Screenshots & Validation: Automatically capture screenshots for visual validation.
Dev Server Auto-Detection: Detect running dev servers or guide you to start one.

Quick Start

Create a test script under .web-tests/scripts/test-<name>.js and run it to validate the target page; screenshots will be saved under .web-tests/screenshots.

Frequently Asked Questions about web-tests

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate end-to-end browser tests with Playwright?▼

End-to-end browser tests with Playwright validate user flows by executing automated scripts that interact with web pages, click elements, submit forms, and verify results. Create a test script in .web-tests/scripts/test-<name>.js, define your test steps, and run it against your target URL or local dev server to confirm functionality.

Can I use Playwright to capture screenshots automatically during testing?▼

Yes, Playwright captures screenshots automatically during test execution and saves them to .web-tests/screenshots with structured output. This enables visual validation of UI state at key points in your test flow without manual intervention.

How do I set up browser automation tests for a local development server?▼

The Skill auto-detects running dev servers on your machine, eliminating manual URL configuration. If no server is detected, it guides you to start one, then generates and executes Playwright test scripts against your local environment.

What types of web testing scenarios can I automate with Playwright?▼

Playwright automates login flows, form submissions, multi-page user journeys, responsive design checks, and broken-link verification. It works on local dev servers and external sites, making it suitable for comprehensive UI validation before production deployment.

Do I need to write Playwright code manually, or does this Skill generate tests?▼

The Skill generates Playwright-based test scripts automatically based on your requirements, eliminating the need to write code from scratch. You define the test goal and target URL; the Skill produces executable test files and captures results in your working directory.

Can I parameterize URLs and test multiple environments with this browser automation tool?▼

Yes, the Skill supports parameterizable URLs, allowing you to run the same test scripts against different environments, dev servers, or external sites. This flexibility streamlines testing across staging, production, and local development setups.