web-design-guidelines
Review UI code against Web Interface Guidelines for accessibility and consistency
## Overview
Reviews UI code for compliance with Web Interface Guidelines and returns actionable, line-referenced findings. Runs automated audits against the canonical guideline document and reports violations in a terse file:line format.
## How it works
Fetches the latest guideline text from the official source URL before each review. Reads the files or patterns you provide, applies every rule found in the fetched guidelines, and collects violations. Results are emitted in the concise file:line format for easy parsing.
## When to use
Performing a UX or design system compliance audit. Need an accessibility check across HTML, CSS, or JS. Preparing a release and need automated guideline verification. Integrating guideline checks into CI or pre-commit hooks.
## Best practices
Provide explicit file paths or glob patterns. Always allow the skill to fetch the latest guidelines before a review to avoid stale rules. Combine reports with manual UX review for context-sensitive decisions. Run reviews early and often.