web-design-guidelines

To audit web UI code for accessibility compliance, provide your HTML, CSS, and JavaScript files to the skill. It fetches the latest Web Interface Guidelines, evaluates your code against all rules, and outputs concise findings in a file:line format for quick remediation.

Yes, you can check a component library for usability and visual design conformance. The skill supports file scope flexibility, allowing you to apply accessibility and best-practice rules to individual files or entire codebases using file patterns.

A web design guidelines audit is an automated evaluation of UI code against Web Interface Guidelines to ensure accessibility, usability, and design consistency. You need it when evaluating a landing page, component library, or entire site for UX compliance and code review.

No, the accessibility audit tool requires no external dependencies to run. It independently fetches fresh Web Interface Guidelines, reads your specified UI files, applies all rules, and generates findings without needing additional setup.

To report accessibility issues in HTML and CSS files, the skill automatically generates a concise report. It applies guideline rules to your code and outputs findings in a terse file:line format, pinpointing exact locations for quick remediation.

The best way to automate UI code compliance checks is using a guideline-driven review skill that fetches the latest Web Interface Guidelines and evaluates your code against them. This approach ensures accessibility, usability, and visual design conformance across your project.