web-design-guidelines

To audit UI code for compliance, provide your front-end component files to the skill. It reviews the source code against established web interface guidelines, checking for accessibility violations and design best practices, then reports specific lines needing correction.

Web interface guidelines are established standards for UI code accessibility and UX best practices. You need to check them during front-end development workflows to prevent common UI/UX issues and ensure code quality before merging new components.

Yes, you can review a specific React component file by specifying its path, such as 'src/components/Button.jsx'. The skill parses the specified file, checks it against fetched external guidelines, and identifies any rule violations for easy correction.

To find specific lines violating UI accessibility standards, run the skill on your target files. It performs automated compliance checks and generates error reports identifying the exact files and line numbers that violate the design guidelines.

The skill requires fetching external guidelines to perform its compliance checks. It uses these fetched standards to parse your specified front-end files and accurately detect rule violations within your UI code.

Automated UI code compliance checks are limited to parsing specified source files against fetched design guidelines. They identify static rule violations and accessibility issues in the code but do not evaluate runtime visual rendering or dynamic user interactions.