How are the results formatted?

Findings are output in a terse 'file:line' format, making it easy to navigate directly to the specific code block that needs improvement.

What design standards does this skill use?

The skill fetches and applies the latest Web Interface Guidelines from Vercel's official repository, ensuring your site follows industry-leading UI and UX standards.

Does the skill stay up to date with new guidelines?

The skill is designed to fetch fresh guidelines from the source URL before every review, ensuring you are always testing against the most current rules.

Can I use this for accessibility testing?

Yes, it specifically scans your code for accessibility violations and provides actionable feedback to help you meet compliance requirements.

Does it work with modern frameworks like React or Vue?

Yes, the skill can analyze any UI-related source code files or patterns you specify, regardless of the frontend framework used.

Web Design Guidelines Reviewer

Name: Web Design Guidelines Reviewer
Author: raphaelsalaja

byraphaelsalaja

•

Design Tools

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

This skill empowers Claude to perform automated UI/UX audits by fetching the latest Web Interface Guidelines from Vercel Labs and applying them directly to your source code. It analyzes frontend files for design consistency, accessibility compliance, and professional UX patterns, providing precise feedback in a standardized file-and-line format. It is an essential tool for developers who want to ensure their web applications meet high-quality interface standards without manual cross-referencing.

Key Features

01Real-time fetching of the latest design and accessibility rules

02Comprehensive auditing of UX and visual design patterns

03Precise file-and-line error reporting for rapid fixes

04Support for targeted file reviews or directory-wide patterns

0584 GitHub stars

06Automated compliance checks against Vercel Web Interface Guidelines

Use Cases

01Enforcing UI consistency across large frontend codebases

02Performing pre-deployment accessibility and design system audits

03Automating the UI code review process for faster pull request approvals

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add raphaelsalaja/userinterface-wiki web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill