web-design-guidelines

Reviewing UI code against Web Interface Guidelines involves scanning source files for accessibility, visual design, and interaction consistency deviations. This skill automates that review by fetching the official guidelines, reading your target files, applying all conformance rules, and reporting findings in file:line format to surface violations quickly.

Yes. This skill applies accessibility checks as part of its comprehensive guideline review. It scans UI code for accessibility compliance alongside visual design and interaction standards, making it suitable for accessibility audits across your project files.

The review covers accessibility, visual design consistency, and interaction patterns. It fetches rules from the official source and checks UI code for conformance across all three areas, helping catch design system deviations and accessibility gaps in a single pass.

Run this skill on your component source files. It scans dozens of components simultaneously, applies all Web Interface Guidelines rules, and reports deviations in concise file:line format, surfacing accessibility or design inconsistencies across your entire design system.

Yes. This skill applies to site conformity checks and scales across projects. Provide your UI files and it reviews them against the Web Interface Guidelines, making it practical for validating compliance across multiple codebases or repositories.

Automated guideline checking reduces manual review time by systematically applying a living ruleset to UI code against the official Web Interface Guidelines. It catches consistency gaps humans might miss and updates automatically as guidelines change, versus one-time manual audits.