Is the audit content always up to date?

Yes, the skill is designed to fetch fresh guidelines from the source URL before every review session to ensure it uses the most current rules.

Can I audit specific files or folders?

Yes, you can specify file paths or use patterns (glob) to direct Claude to audit specific sections of your UI code.

How does the skill report design issues?

The skill provides findings in a concise 'file:line' format, allowing you to quickly locate and fix the specific lines of code that violate design rules.

Does this skill help with web accessibility (a11y)?

Yes, checking for accessibility compliance is a core function of the skill, helping you identify and resolve common a11y issues during the development process.

What guidelines does this skill use for reviews?

It fetches the latest Web Interface Guidelines from Vercel's official repository to ensure your code is measured against modern, production-grade standards.

Web Interface Guidelines Auditor

Name: Web Interface Guidelines Auditor
Author: akiojin

byakiojin

•

デザインツール

Audits frontend code for accessibility, UX, and UI compliance using the latest industry-standard design guidelines.

The Web Interface Guidelines skill enables Claude to perform comprehensive design audits on your UI code by fetching real-time rules from the Vercel Web Interface Guidelines repository. It automates the process of checking for accessibility issues, UX inconsistencies, and frontend best practices, providing precise line-by-line feedback. This skill is ideal for developers who want to ensure their web applications meet high-quality design standards and accessibility requirements without manual cross-referencing.

主な機能

01Provides precise line-by-line output for rapid debugging

022 GitHub stars

03Fetches real-time design rules from official Vercel guidelines

04Ensures compliance with production-grade frontend standards

05Supports targeted auditing via specific file paths or patterns

06Identifies accessibility violations and UX bottlenecks in code

ユースケース

01Performing an accessibility and UX audit before a production release

02Automating design system compliance checks for pull requests

03Reviewing UI components for consistency during a codebase migration

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add akiojin/llmlb web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill