What guidelines does this skill use for its review?

The skill fetches the latest Web Interface Guidelines from the official Vercel-labs repository to ensure your code is measured against current industry standards.

How are the findings reported?

Findings are output in a concise 'file:line' format, making it easy for developers to navigate directly to the issue in their IDE.

Does this skill help with web accessibility?

Absolutely. One of the primary functions of this skill is to check your UI code against accessibility best practices and compliance rules.

Can I target specific files for a design audit?

Yes, you can provide specific file paths or use file patterns as arguments to narrow the scope of the review to certain components or pages.

Do I need to manually update the guidelines?

No, the skill is designed to fetch fresh guidelines from the remote source before every review session, ensuring the rules are always up to date.

Web Interface Guidelines Reviewer

Name: Web Interface Guidelines Reviewer
Author: eliaslecomte

byeliaslecomte

0•

设计工具

Audits web UI code for compliance with professional design standards, accessibility requirements, and UX best practices.

This skill empowers Claude to perform rigorous design and accessibility audits by referencing the latest Web Interface Guidelines from Vercel. By dynamically fetching fresh rules from the source repository, it ensures your project remains compliant with modern frontend standards. It is particularly useful for developers who want to identify UI inconsistencies, accessibility gaps, or design pattern violations directly within their codebase, providing concise, actionable feedback in a developer-friendly format.

主要功能

01Dynamic fetching of the latest Vercel Web Interface Guidelines

02Automated accessibility compliance checking

030 GitHub stars

04Terse file-and-line reporting for rapid debugging

05Comprehensive UI and UX code auditing

06Support for specific file paths or wildcard pattern matching

使用场景

01Ensuring consistency in UI components across a large frontend codebase

02Conducting automated design reviews during the pull request process

03Performing a final accessibility and UX check before deploying a new feature

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add eliaslecomte/claude-plugin web-design-guidelines

For use in Claude.ai and ChatGPT

主要功能

01Dynamic fetching of the latest Vercel Web Interface Guidelines

02Automated accessibility compliance checking

030 GitHub stars

04Terse file-and-line reporting for rapid debugging

05Comprehensive UI and UX code auditing

06Support for specific file paths or wildcard pattern matching

使用场景

01Ensuring consistency in UI components across a large frontend codebase

02Conducting automated design reviews during the pull request process

03Performing a final accessibility and UX check before deploying a new feature

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add eliaslecomte/claude-plugin web-design-guidelines

For use in Claude.ai and ChatGPT