Can this skill help with WCAG accessibility compliance?

Yes, it specifically checks for accessibility best practices as part of its UI audit process, helping you identify areas where your site may be difficult for users to navigate.

What design guidelines does this skill use for reviews?

The skill fetches the latest rules directly from the Vercel Labs Web Interface Guidelines repository to ensure your code is measured against modern industry standards.

How do I trigger a design review with Claude?

You can simply ask Claude to 'review my UI', 'check accessibility', or 'audit design' followed by the file names or patterns you want to analyze.

What format are the audit findings reported in?

Findings are output in a concise 'file:line' format, allowing you to quickly navigate to the exact location in your source code that requires adjustment.

Do I need to manually update the guidelines?

No, the skill is designed to fetch fresh guidelines before each review, ensuring you are always working with the most recent version of the rules.

Web Design Guidelines Reviewer

Name: Web Design Guidelines Reviewer
Author: akiojin

byakiojin

•

Design Tools

Audits frontend code for compliance with professional Web Interface Guidelines to ensure high-quality UX and accessibility.

This skill empowers Claude to act as an automated design critic and accessibility auditor by fetching and applying the latest Web Interface Guidelines directly from industry-standard sources. It streamlines the UI review process by identifying specific issues in your source code, such as layout inconsistencies, accessibility violations, and UX anti-patterns, providing direct feedback in a concise file-and-line format for immediate correction. By integrating these guidelines into your development workflow, you can ensure that your web applications meet modern standards for usability and inclusive design without manual checklist tracking.

Key Features

01Bulk file pattern matching for project-wide design audits

02Standardized file:line error reporting for rapid debugging

032 GitHub stars

04Comprehensive UI/UX and accessibility auditing for frontend code

05Dynamic guidelines fetching for up-to-date industry best practices

06Automated identification of UX anti-patterns and layout issues

Use Cases

01Ensuring frontend code adheres to professional design systems and standards

02Reviewing UI components for consistency and user experience best practices

03Conducting automated accessibility audits before a 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