Does it support accessibility (a11y) checks?

Yes, accessibility compliance is a core component of the audit process, helping you identify missing ARIA labels, poor color contrast, and keyboard navigation issues.

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 prompt you for the target files.

What is the output format of the findings?

Findings are presented in a concise file:line format, making it easy for developers to jump directly to the specific code block that requires attention.

Where does it get the design rules from?

It fetches the latest rules dynamically from the official Vercel Web Interface Guidelines repository to ensure you are always using current standards.

What does this skill check for in my code?

It audits files for accessibility issues, UX best practices, and UI consistency based on professional web interface guidelines.

Web Design & UI Guidelines Audit

Name: Web Design & UI Guidelines Audit
Author: ever-co

byever-co

•

475

•

디자인 도구

Evaluates frontend code against industry-standard web interface guidelines to ensure accessibility, UX consistency, and design best practices.

The Web Design Guidelines skill automates the process of auditing UI code for compliance with professional design standards. By fetching the latest Vercel Web Interface Guidelines, it performs deep scans of your codebase to identify accessibility issues, UX friction points, and design inconsistencies. It is an essential tool for frontend developers looking to maintain high visual and functional standards, providing precise, line-by-line feedback to streamline the code review process and ensure every component meets modern web expectations.

주요 기능

01Continuous alignment with evolving web design best practices

02Comprehensive accessibility (a11y) and UX compliance audits

03Pattern-based scanning for large frontend codebases

04475 GitHub stars

05Real-time fetching of latest Vercel Web Interface Guidelines

06Automated UI code review with file-and-line-specific feedback

사용 사례

01Standardizing frontend code quality across large development teams

02Automating the design review process for design system components

03Performing pre-commit UI audits to catch accessibility issues before deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ever-co/ever-teams web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill