web-design-guidelines

To check frontend code for accessibility and UI guideline violations, this Skill fetches the latest web design guidelines, reads your specified files or patterns, applies all rules, and outputs findings in a terse file:line format for easy developer review.

The best way to audit a design system for readability and consistency issues is to run this Skill against your component library files; it applies fetched web interface guidelines and reports exact file:line violations to improve user experience.

Yes, you can use this UI audit tool without external dependencies because it operates independently to fetch the latest guidelines from its source URL and analyze your codebase directly, requiring no additional component installations.

To review web interface guidelines across multiple component library files, you provide the target file patterns to this Skill, which then reads each specified file, applies all accessibility and design rules, and outputs a consolidated list of violations.

This accessibility checker outputs findings in a terse file:line format rather than detailed reports, ensuring developers can quickly locate and review specific UI guideline violations within their frontend project code.

You need to fetch the latest web design guidelines before running a code review whenever your frontend project requires an updated audit against current accessibility, readability, and consistency standards to ensure no newly introduced UI violations are missed.