Does it support specific file types or patterns?

Yes, you can specify individual files or use patterns (like *.tsx) to narrow the audit to specific parts of your project.

How are the audit results displayed?

Results are provided in a concise 'file:line' format, making it easy to jump directly to the specific location of the issue in your code editor.

Can it check for web accessibility issues?

Yes, it specifically audits for accessibility compliance, color contrast, and standard navigation patterns as defined in the fetched guidelines.

What guidelines does this skill use for its audit?

The skill fetches the latest rules dynamically from Vercel Labs' official Web Interface Guidelines repository to ensure your code matches modern standards.

Web Design Guidelines Auditor

Name: Web Design Guidelines Auditor
Author: claudiodearaujo

byclaudiodearaujo

0•

Design Tools

Audits frontend code against industry-standard web interface guidelines to ensure accessibility, UX consistency, and UI quality.

This skill empowers Claude to perform automated UI/UX audits by fetching and applying the latest Vercel Web Interface Guidelines. It analyzes your frontend files for accessibility, design best practices, and usability standards, providing precise line-by-line feedback to help developers build professional, compliant, and user-friendly web interfaces without manual checklist tracking.

Key Features

01Consistent enforcement of modern web design best practices

02Real-time guideline fetching from authoritative industry sources

03Automated accessibility and UX compliance auditing

04Precise line-by-line issue reporting for rapid debugging

05Support for targeted file patterns or full-repository reviews

060 GitHub stars

Use Cases

01Conducting pre-deployment accessibility audits for web applications

02Ensuring UI consistency across large frontend codebases during refactoring

03Automating design reviews for new components to catch UX errors early

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill