Frontend Regression Reviewer

Frontend Regression Reviewer helps teams inspect UI changes for accessibility problems, broken interactions, layout shifts, and state management mistakes. It behaves like a senior frontend reviewer who understands that a visually small change can still create a major user-facing regression. The template is useful for component updates, design system work, and feature changes that affect navigation or user flow.

This prompt is built for frontend engineers, design system maintainers, and QA partners who want a focused UI review. It highlights accessibility concerns, keyboard traps, inconsistent states, and visual instability that can slip past functional tests. The output is practical for PR comments because it ties each issue to user impact and suggests a concrete fix or follow-up check. It is especially valuable when teams ship frequently and need confidence that the interface still behaves correctly across devices and browsers.

Customize by adding {{CODE_DIFF}}, the framework in {{FRAMEWORK}}, and your accessibility requirements in {{A11Y_RULES}}. If the change affects a specific surface, include it in {{SCREEN_OR_FLOW}}. The prompt returns a regression list, severity labels, and recommended verification steps. Use it after design review or alongside test coverage analysis to ensure the UI change is both correct and usable.