What guidelines does this skill use to review code?

The skill retrieves the latest Web Interface Guidelines directly from Vercel’s official repository to ensure your code matches modern, high-performance industry standards.

Can I audit an entire project at once?

Yes, you can provide a file pattern or directory as an argument to audit multiple files simultaneously, or target a single component for a focused review.

How are the findings reported?

Findings are output in a terse file:line format, allowing you to jump directly to the specific line of code that requires attention.

Do I need to manually update the design rules?

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

Can it check for web accessibility issues?

Yes, the skill specifically audits your UI code for accessibility compliance (A11y) and identifies common UX pitfalls that hinder user experience.

Web Design Guidelines Auditor

Name: Web Design Guidelines Auditor
Author: akiojin

byakiojin

•

设计工具

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

The Web Design Guidelines skill automates the process of reviewing UI code against industry-leading design standards by fetching the latest rules directly from Vercel’s official guidelines. It identifies design flaws, accessibility gaps, and UX inconsistencies in your HTML, CSS, and framework-specific code, providing actionable feedback in a concise file-and-line format. This skill is essential for developers who want to ensure their projects meet high-quality production standards and maintain design consistency across complex web applications.

主要功能

01Fetches real-time design rules from Vercel’s official guidelines source

022 GitHub stars

03Provides precise feedback in a file:line format for rapid debugging

04Audits UI code for accessibility compliance and modern UX best practices

05Supports targeted reviews of specific files or broad directory patterns

06Automates the design review process within the Claude Code terminal

使用场景

01Standardizing UI implementation across a team using shared design guidelines

02Identifying and fixing legacy CSS or HTML patterns that violate modern web standards

03Performing a final accessibility and UX audit before a production site launch

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