Browser Automation with playwright-cli

How design-builder uses this skill

This skill is consumed by three call sites. In each one, playwright-cli is the runtime; the calling command/agent owns the policy.

1. agents/design-auditor.md — visual acquisition for /review

When /review resolves to a web target with a URL (running dev server or live site), the auditor captures screenshots BEFORE running visual-mode dimensions:

# pick session name = audit so the browser isolates from other plugin work
playwright-cli -s=audit open <url> --browser=chrome

# desktop capture
playwright-cli -s=audit resize 1440 900
playwright-cli -s=audit screenshot --filename=design/screenshots/<slug>.1440x900.png