web-design-reviewer

To fix responsive layout issues, this Skill captures screenshots across mobile, tablet, desktop, and wide viewports, identifies visual breakage via DOM inspection, and applies minimal framework-aware source code changes. It then re-verifies the results with before and after screenshots.

Yes, you can automate accessibility checks for running React, Next.js, Vue, or other SPAs. By navigating to the live URL, the Skill retrieves the DOM, detects accessibility gaps, and applies prioritized fixes directly to the relevant source files.

The best way to debug UI inconsistencies is to run a source-level review that captures screenshots, classifies visual flaws into a priority matrix, locates the corresponding source files by selector or component, and applies minimal code changes to resolve the defects.

Yes, this web design review tool works with static sites, CMS-driven sites, and full-stack frameworks. As long as you provide a running URL and access to the source workspace, it can inspect the rendered DOM and apply fixes to the underlying code.

To prioritize UI fixes, the Skill classifies detected layout breakage and responsive problems into a priority matrix, distinguishing critical functionality breakers from minor visual inconsistencies, so you can address the most severe issues first.

A web design review requires source code workspace access to locate the exact files responsible for layout and accessibility issues by selector or component, enabling it to apply minimal, framework-aware code fixes rather than just reporting surface-level visual defects.