verify-web

Verify web application UI behavior and accessibility with Playwright.

1|2|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/joi-fairshare/agentic-workflow --skill verify-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: verify-web
Source: https://github.com/joi-fairshare/agentic-workflow/tree/main/skills/verify-web
Command: npx skills add https://github.com/joi-fairshare/agentic-workflow --skill verify-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates uncertainty about running web applications by launching Playwright to confirm UI behavior, accessibility, and visual cues before changes reach production.

Core Features & Use Cases

  • Explicit or Auto Planning: Accepts direct criteria or infers verification checklists from recent diffs to focus on relevant pages and components.
  • Accessibility Snapshots and Visual Options: Default accessibility tree snapshots catch role, label, and interactive issues, with --visual driving screenshot-driven comparisons.
  • Browser Locking and Reporting: Manages a shared browser lock, enforces plan confirmation, and saves structured reports plus optional screenshots for collaborative reviews.

Quick Start

Ask verify-web to run in auto mode so Playwright infers checks from recent commits.

Frequently Asked Questions about verify-web

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

FAQPage Schema
How do I run automated regression checks on a running dev server?

Playwright performs automated regression checks on a running dev server by capturing accessibility tree snapshots to verify UI behavior and interactive roles. You can run it in auto mode to infer checklists from recent commits or specify explicit criteria.

Can Playwright infer what to test from recent git diffs?

Yes, Playwright can infer verification checklists from recent diffs to automatically target relevant pages and components. This auto-planning mode focuses regression checks on areas affected by recent code changes without requiring manually specified test criteria.

Does Playwright verify web app accessibility by default?

Playwright captures default accessibility tree snapshots to verify web app accessibility, detecting role, label, and interactive issues. Adding the --visual flag enables screenshot-driven comparisons for additional visual layout verification.

What do I need to run Playwright visual testing on my web app?

Running Playwright visual testing requires access to a running dev server and Playwright browser locks to manage concurrent test execution. You can enable optional --visual screenshots to capture layout verification alongside standard accessibility checks.

How are Playwright browser locks managed during web app verification?

Playwright manages a shared browser lock during web app verification to prevent concurrent execution conflicts and enforce plan confirmation. It saves structured reports and optional screenshots to support collaborative code reviews.

When should I not use Playwright for web app verification?

Playwright for web app verification is not suitable when no running dev server is accessible, as the tool requires an active server URL to execute browser checks. It also cannot operate when shared browser locks are unavailable to prevent concurrent execution conflicts.