web-design-guidelines

To audit UI code for accessibility and compliance, this Skill evaluates specified frontend files and components against the latest Web Interface Guidelines. It automatically detects accessibility, layout, and consistency issues, reporting findings in a concise file:line format for quick remediation.

Yes, you can scan React project files for color contrast and ARIA violations. You provide a file pattern like src/**/*.{html,css,js,jsx,tsx}, and the Skill loads the files, applies UI compliance rules, and outputs specific findings indicating exactly where violations occur.

You check frontend components by providing a file pattern to review. The Skill fetches the latest Web Interface Guidelines, loads your specified files, applies all rules to the UI patterns, and generates concise findings reporting any detected accessibility or visual inconsistencies.

Yes, this UI compliance checker works with HTML, CSS, JS, JSX, and TSX files. You specify the file pattern for your frontend project, and it evaluates the loaded code to identify accessibility gaps, layout issues, and visual inconsistencies based on established guidelines.

The best way to report UI accessibility violations is using an automated check that outputs a file:line format. This Skill evaluates your UI files against Web Interface Guidelines and reports findings concisely, allowing you to quickly locate and remediate specific compliance gaps in your codebase.

A limitation when auditing frontend UI for consistency issues is that the Skill requires a specified file pattern to review. It evaluates provided files and patterns to detect compliance issues, meaning you must accurately define the scope of your frontend project for the findings to be relevant.