design-critic

Automate UI/UX review by running automated visual captures across mobile to desktop viewports, which identifies responsive layout issues and generates a prioritized, actionable report. It scores issues to guide design polish and fixes.

Axe-core accessibility testing works by integrating automated checks aligned with WCAG standards to identify accessibility issues in web apps. It analyzes the rendered DOM to produce structured findings for prioritized fixes.

Yes, you can use playwright-core to capture screenshots for responsive design testing across multiple viewports. The skill uses this dependency to automate visual capture and review layouts from mobile to desktop.

The best way to run pre-launch UI validation is to execute an autonomous review that captures visuals, checks accessibility with axe-core, and tracks regressions across iterations. It produces a Lighthouse-like performance overview and prioritized action plan.

Automated accessibility checking with axe-core does not fully replace manual WCAG review, but it identifies and prioritizes a wide range of visual and structural issues. It serves as a baseline for post-design changes review and validation.

Responsive layouts break across viewports due to CSS or structural issues that automated visual capture can identify. Running a multi-viewport UI/UX review scores these layout issues and provides an actionable report for fixes.