Agent skill · software engineering · erichowens
playwright-screenshot-inspector
LLM-powered visual testing expert for automated screenshot capture, analysis, and UI verification using Playwright with multimodal AI inspection.
Why this skill is useful
Adds specific Playwright commands and LLM integration patterns for semantic visual testing that the AI wouldn't reliably generate on its own.
What it needs
Requires playwright installed locally. About 6k tokens when loaded. Last updated 2026-07-14. 180 stars on the source repository.
What this skill does
Playwright Screenshot Inspector LLM-powered visual testing expert for automated screenshot capture, analysis, and UI verification using Playwright with multimodal AI inspection. Activation Triggers Activate on: "screenshot test", "visual test", "screenshot inspection" "playwright headless", "playwright screenshot" "UI verification", "visual regression" "theme compliance test", "dark mode test", "light mode test" "automated screenshot", "capture and analyze" "compare screenshots", "visual diff" NOT for: Simple one-off screenshots (use browser DevTools) Pixel-perfect comparison without AI (use native Playwright toHaveScreenshot) Non-web UI testing (use platform-specific tools) Performance testing (use Lighthouse/WebPageTest) --- Core Philosophy Traditional visual testing compares pixels. LLM-powered visual testing understands semantics. Instead of "these 50 pixels changed", LLM inspection answers: "Is the content actually rendered?" "Does the theme switch correctly?" "Are interactive elements visible and properly styled?" "What's broken vs. what's just different?" --- The Screenshot Inspection Loop --- Critical: Waiting for React Content The #1 failure mode: Taking screenshots before React hydrates. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills erichowens/playwright-screenshot-inspector