What format is the output provided in?

The skill outputs findings in a terse file:line format, making it easy to jump directly to the specific code that requires attention.

What kind of design issues does it identify?

It identifies violations related to accessibility, spacing, typography, interactive elements, and general user experience best practices.

How does the skill stay updated with the latest design standards?

The skill fetches the latest rules directly from the source repository every time you run a review, ensuring you are always checking against the most current guidelines.

Does this replace standard CSS linters?

It complements standard linters by providing contextual AI-driven analysis that understands high-level design principles and UX logic that static linters might miss.

Can I audit specific parts of my application?

Yes, you can provide specific file paths or glob patterns (e.g., 'src/components/*.tsx') to target the exact UI elements you want to review.

Web Design Guidelines Auditor

Name: Web Design Guidelines Auditor
Author: akiojin

byakiojin

•

设计工具

Audits UI code for compliance with professional web interface standards and accessibility best practices.

This skill enables Claude to perform high-fidelity UI/UX reviews by cross-referencing your code against the official Web Interface Guidelines. It automatically fetches the most current standards from remote sources to evaluate accessibility, design consistency, and usability, providing actionable feedback in a concise format to help developers maintain production-grade frontend standards during the development process.

主要功能

01Real-time fetching of remote design rules to ensure up-to-date feedback

02Automated compliance checks against Vercel-grade Web Interface Guidelines

032 GitHub stars

04Comprehensive accessibility audits for inclusive web design

05Precise issue reporting using a terse file-and-line-number format

06Support for custom file patterns to target specific UI components

使用场景

01Identifying accessibility violations and UX anti-patterns in frontend code

02Ensuring consistent design patterns across team-based web projects

03Performing a design system audit before a major production release

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