pipeline-ui-reviewer

Automated visual QA against Figma designs involves running functional browser tests and per-element CSS verification to detect layout and typography regressions. This skill compares implemented web applications directly against Figma node maps to ensure pixel-accurate visual fidelity.

Visual regression testing identifies UI quality gaps by detecting unintended changes in layout, typography, and interactions. It pairs functional browser automation with visual checks against design specs to catch regressions throughout development and deployment.

Running functional UI testing and visual checks on a task branch requires applying browser automation to validate navigation and inputs, alongside per-element visual comparison against Figma design maps to catch regressions in the current implementation.

Parallel agent execution supports faster QA cycles by orchestrating multiple browser automation and visual verification processes simultaneously. It can be used standalone outside the pipeline to accelerate functional testing and per-element CSS checks.

Browser automation pairs with Figma node maps to execute per-element CSS verification, validating that implemented web components match design specifications. This combination detects layout and typography regressions during functional test runs.

Automated visual fidelity checks rely on accurate Figma node maps and functional browser automation to detect CSS and layout regressions. Limitations include dependency on design spec accuracy and the scope of browser automation interactions covered during parallel agent execution.