Playwright MCP Visual QA

Use when Playwright MCP is needed for controlled browser inspection, responsive visual QA, accessibility-tree checks, or reproducible UI validation of a website. Prefer normal Playwright tests or CLI for high-throughput local checks; use MCP when persistent exploratory browser context has concrete value.

srednoff888-art 9832092 2 files · 1.7 KB Updated 1 repo stars

File contents

Playwright MCP Visual QA

Use the browser with the least privilege required for the test. Preserve a clear boundary between local test environments and authenticated production accounts.

Workflow

  1. Confirm URL, environment, viewport/device matrix, test account scope, and whether the requested work is read-only.
  2. Prefer isolated browser contexts, workspace-scoped files, explicit allowed hosts, and bounded output directories. Disable unnecessary capabilities.
  3. Inspect semantic snapshots, screenshot key states when visual evidence is needed, and record console/network failures without leaking credentials.
  4. Convert reproducible findings into project tests or snapshots; report visual differences, accessibility failures, and browser/session limitations.

Guardrails

  • Never enable unrestricted file access, unsandboxed browser execution, or shared authenticated profiles merely for convenience.
  • Do not submit forms, publish content, purchase, or change account state without explicit user authorization.
  • Use CLI plus focused tests rather than MCP when it is cheaper and equivalent.

srednoff888-art/srednoff-os/tree/main/.codex/skills/playwright-mcp-visual-qa commit 98320925c8

Frequently asked questions

npx skillmds add srednoff888-art/playwright-mcp-visual-qa