What format does the feedback come in?

The skill outputs findings in a concise 'file:line' format, making it easy for developers to jump directly to the code that needs attention.

What standards does this skill use for reviews?

The skill fetches and applies the latest Web Interface Guidelines maintained by Vercel to ensure your code follows modern industry best practices.

How do I trigger a design audit with Claude?

You can trigger the skill by asking Claude to 'review my UI', 'check accessibility', or 'audit my design' followed by the file path or pattern.

Does this skill help with web accessibility (a11y)?

Yes, one of its primary functions is to check your UI code for accessibility compliance against established web guidelines.

Web Design Guidelines Auditor

Name: Web Design Guidelines Auditor
Author: lwshen

bylwshen

设计工具

Audits frontend code against Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

关于

This skill empowers Claude to perform professional design reviews by fetching and applying the latest Web Interface Guidelines directly from Vercel's standards. It systematically analyzes your UI code for accessibility, usability, and visual consistency, providing precise feedback in a developer-friendly format. By automating the audit process, it helps developers catch design debt and accessibility regressions before they reach production, ensuring that web applications remain compliant with modern industry best practices.

主要功能

Support for targeted file or directory pattern reviews
Terse file-and-line reporting for rapid debugging
0 GitHub stars
Real-time fetching of the latest Vercel design standards
Automated UI and UX code auditing
Accessibility compliance checking

使用场景

Performing a pre-deployment UX review on a new landing page
Auditing a React component library for accessibility and usability issues
Standardizing design patterns across a large-scale frontend repository

关于

主要功能

Support for targeted file or directory pattern reviews
Terse file-and-line reporting for rapid debugging
0 GitHub stars
Real-time fetching of the latest Vercel design standards
Automated UI and UX code auditing
Accessibility compliance checking

使用场景

Performing a pre-deployment UX review on a new landing page
Auditing a React component library for accessibility and usability issues
Standardizing design patterns across a large-scale frontend repository