browser-validation

Skill: browser-validation

Use when UI/runtime behavior changes need browser smoke evidence.

Preconditions

1. npm ci
2. If Chromium is missing locally: npx playwright install chromium

Commands

1. npm run worktree:bootstrap
2. If Chrome DevTools MCP is available locally, follow skills/chrome-devtools-validation/SKILL.md first for the interactive query -> correlate -> reason loop.
3. npm run smoke:browser

Required Artifacts

• artifacts/browser/evidence-bundle.json
• artifacts/browser/before.png
• artifacts/browser/after.png
• artifacts/browser/before.webm
• artifacts/browser/after.webm
• artifacts/browser/console-errors.json
• artifacts/browser/network-errors.json
• artifacts/browser/observability-errors.json
• artifacts/browser/logs-summary.json
• artifacts/browser/metrics-snapshot.json
• artifacts/browser/trace-summary.json
• artifacts/browser/correlation-summary.json
• artifacts/browser/logs-correlation.json
• artifacts/browser/metrics-correlation.json
• artifacts/browser/traces-correlation.json
• artifacts/browser/feedback-loop.json
• artifacts/browser/performance-summary.json
• artifacts/browser/slo-evaluation.json
• artifacts/browser/stack-health.json
• artifacts/browser/publish-response.json
• artifacts/browser/artifact-catalog-api-response.json
• artifacts/browser/artifact-detail-api-response.json
• artifacts/browser/runtime-stdout.log
• artifacts/browser/runtime-stderr.log
• artifacts/browser/playwright-trace.zip