web-design-guidelines

To audit web interface source files for accessibility compliance, provide specific file paths or glob patterns to the skill. It fetches the latest Web Interface Guidelines rules and reports UX and accessibility violations in a precise file:line format.

You can target specific UI directories for a UX review by providing glob patterns like src/pages/**/*.tsx. The skill scans matching files against design best practices and accessibility rules, reporting any compliance issues found.

Accessibility audit results use a terse file:line format so you can quickly locate and fix issues in your code. This actionable reporting pinpoints exact source file locations for every UX and compliance violation detected.

The accessibility rule checking fetches fresh web UI guidelines from a provided command URL before running any rule checks. This ensures your source files are always evaluated against the latest design and compliance standards.

To run a design audit on your React or TypeScript front end, you need your source file paths and an environment that supports fetching guideline content from a URL. The skill checks the provided files and outputs best-practice compliance findings.

A limitation when checking site-wide best practices is that the skill requires file paths or patterns as input and must fetch fresh guideline content from a URL before scanning. It does not autonomously discover project files without explicit path guidance.