pr-screenshot-docs

Before/after screenshots document UI changes by capturing the same component or page in two states—before your modification and after. This creates a visual diff that helps reviewers quickly assess design modifications without needing to check out and run the code locally.

Include before/after screenshots in your PR description using a structured template that pairs the original state with the updated design. This creates a clear side-by-side comparison so reviewers can evaluate the visual impact of your changes immediately.

Yes. The workflow automates viewport control and element reference management to capture targeted UI components consistently. This removes manual screenshot overhead and ensures design review comparisons stay aligned across PRs.

No special prerequisites beyond standard PR workflows. The process handles viewport guidance and best practices for consistent screenshots, making visual documentation accessible for any frontend or UI modification without extra tooling.

Screenshots provide objective visual evidence that reviewers can assess instantly, reducing misunderstandings about design intent. Before/after pairs show exactly what changed, making async design review faster and more accurate than text descriptions alone.

Yes. The workflow supports optional hosting uploads, letting you store screenshots externally while linking them in PR descriptions. This keeps repositories lean while maintaining full visual documentation in your PR tooling.