Does this skill automatically fix my CSS or HTML?

No, it acts as an auditor. It provides a detailed report of findings in a file-and-line format so you can review the suggestions and make informed changes yourself.

What guidelines does this skill use to audit my code?

The skill fetches the latest Web Interface Guidelines from Vercel Labs' official repository to ensure your code matches modern industry standards for web design.

Do I need to manually update the rule set?

No, the skill is designed to fetch fresh guidelines from the source URL before every review, ensuring you always have the most current rules.

Can I use this for accessibility testing?

Yes, the skill specifically checks for accessibility compliance and best practices as part of its comprehensive UI audit process.

How do I specify which files to review?

You can provide a specific file path or a glob pattern as an argument. If no files are specified, the skill will ask you which files you would like to audit.

Web Interface Guidelines Auditor

Name: Web Interface Guidelines Auditor
Author: waldothedeveloper

bywaldothedeveloper

•

设计工具

Audits UI code against industry-standard Web Interface Guidelines to ensure high-quality UX and accessibility compliance.

This skill automates the process of reviewing frontend code for adherence to professional design standards. By fetching the latest Web Interface Guidelines from Vercel Labs, it evaluates your UI components for accessibility, usability, and styling best practices. It is particularly useful for maintaining design consistency across large projects, preparing for production releases, or performing quick design sanity checks directly within your development environment.

主要功能

01Comprehensive checks for modern web design best practices

02Automated accessibility and UX compliance auditing

031 GitHub stars

04Support for targeted file patterns and specific UI components

05Real-time guideline fetching for up-to-date industry standards

06Terse file-and-line reporting for rapid debugging

使用场景

01Auditing a new frontend feature for accessibility before merging a pull request

02Performing a quick UX sanity check on complex layout components

03Reviewing legacy UI code to align it with modern design system standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add waldothedeveloper/rent_jedi web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill