superpowers-sage:verifying

Verify UI implementations against design references by capturing a viewport screenshot of the target URL and comparing it to live design sources, spec files, or plan assets. The tool returns a structured report detailing matches, style drifts, and missing elements.

Yes, Playwright is used for visual verification by capturing viewport screenshots of target UI components. The tool reads target URLs and selectors to generate implementation screenshots for automated comparison against design references.

Automated visual comparison handles style drift by generating a detailed report that highlights visual mismatches between the implementation and the design reference. When paper sources or spec files are used, it includes optional style drift analysis with actionable recommendations.

You can use live design MCP as the primary source for visual verification. If live design is unavailable, the tool falls back to reading spec files or plan assets to fetch the design reference for comparison.

Yes, visual verification supports gating and reporting for acceptance criteria and accessibility checks as part of the verification phase. The generated structured report includes these quality gate results alongside visual comparison findings.

To start a visual design check, provide a Verification Inputs block containing the target URL, selector, and reference path. The tool captures a viewport screenshot of the implementation and generates a comparison report against the specified design reference.