From ac-qa
Validates UI spec implementation via Playwright E2E visual browser reviews, capturing screenshots, videos, and generating markdown summaries with pass/fail evidence for each MLO.
npx claudepluginhub waterplanai/agentic-config --plugin ac-qaThis skill is limited to using the following tools:
Validate implementation against spec requirements using browser-based visual proof.
Verifies frontend changes against spec acceptance criteria using Playwright MCP for browser automation. Automates spec intake, dev server/auth checks, and test runs.
Executes E2E UI tests from plain English descriptions via browser automation, screenshots steps, generates video walkthroughs, and exports Playwright .spec.ts scripts for CI/CD.
Tests local web applications using Playwright: verifies frontend functionality, debugs UI behavior, captures screenshots, views logs. Mandatory before declaring implementation complete.
Share bugs, ideas, or general feedback.
Validate implementation against spec requirements using browser-based visual proof.
Spec File: $1
Base URL: $2 (default: http://localhost:${DEFAULT_PORT:-5173}/)
Verify Spec File Exists
$1Verify playwright-cli Installed
playwright-cli --helpParse Spec Requirements
Initialize Review Session
{PROJECT_ROOT}/outputs/review/<spec-id>/Open Application
playwright-cli open <base_url>playwright-cli screenshot --output {PROJECT_ROOT}/outputs/review/<spec-id>/01_initial.pngValidate Each MLO
Capture Visual Proof
<NN>_<mlo>_<state>.png02_mlo1_button_visible.pngGenerate Review Summary
Generate markdown review summary:
# Review: <spec-title>
**Spec:** $1
**Date:** <ISO date>
**Status:** PASSED | FAILED | PARTIAL
## MLO Validation
### MLO-1: <title>
- Status: PASSED/FAILED
- Evidence: 
- Notes: <observations>
### MLO-2: <title>
...
## Screenshots
| # | Description | Path |
|---|-------------|------|
| 1 | Initial load | {PROJECT_ROOT}/outputs/review/<spec-id>/01_initial.png |
| 2 | MLO-1 validation | {PROJECT_ROOT}/outputs/review/<spec-id>/02_mlo1.png |
## Video Recording
Full session: {PROJECT_ROOT}/outputs/e2e/<timestamp>-review-<spec-id>.webm
## Summary
<brief summary of findings>