live-preview

Catch UI layout regressions mid-build by detecting modified view-layer files, mapping them to render routes, and capturing full-page screenshots for visual verification. Artifacts are saved for review to detect invisible features and layout shifts early.

Automatically capture screenshots of modified UI components by mapping changed view-layer files to their render routes and using an automated screenshot tool to capture full-page visuals. This workflow verifies component renders and stores artifacts for review.

Yes, visual verification with Playwright requires a running dev server. The workflow maps modified view-layer files to render routes and uses the screenshot tool to capture full-page visuals, producing a verification summary saved to .planning/screenshots.

Visual regression detection for mid-build UI states captures full-page screenshots of render routes mapped from modified view-layer files. It closes the gap between code completion and visual correctness, detecting invisible features and layout regressions before release.

Screenshot artifacts during UI visual verification are stored in the .planning/screenshots directory. The workflow captures full-page screenshots of mapped render routes and saves these artifacts to enable quick triage during UI redesigns or feature handoffs.

Yes, use this visual verification workflow for feature handoffs to capture mid-build UI states and store screenshot artifacts for review. It detects modified view-layer files, maps them to routes, and enables quick triage during UI redesigns.