How do I trigger a design review with this skill?

You can ask Claude to 'review my UI', 'check accessibility', or 'audit design' followed by the specific files or patterns you want it to analyze.

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 to ensure you are always using the most up-to-date standards.

Does it provide specific locations for design issues?

Yes, the skill outputs findings in a 'file:line' format, allowing you to jump directly to the code that requires adjustment.

What guidelines does this skill use for reviews?

It fetches the latest Web Interface Guidelines maintained by Vercel Labs to ensure your project follows current industry standards for UX and accessibility.

Can this skill help with accessibility compliance?

Absolutely. Accessibility is a core component of the fetched guidelines, helping you identify missing ARIA labels, poor contrast, and other A11y violations.

Web Interface Auditor

Name: Web Interface Auditor
Author: CloudAI-X

byCloudAI-X

•

1,190

•

디자인 도구

Audits frontend code against industry-standard Web Interface Guidelines to ensure high-quality UX and accessibility.

The Web Interface Guidelines skill empowers Claude to perform automated UI and UX reviews by fetching the latest design standards from Vercel Labs. It streamlines the frontend development process by scanning code for accessibility issues, layout inconsistencies, and interaction flaws, providing precise feedback in a standardized file-and-line format. This skill is ideal for developers who want to maintain production-grade design quality and adhere to modern web best practices without manual checklist management.

주요 기능

01Standardized output using the file:line format for easy navigation

02Support for targeted file patterns and directory-wide audits

03Accessibility (A11y) auditing for web components

04Fetches real-time design rules from Vercel Labs' official repository

05Automated UI/UX code compliance reviews

061,190 GitHub stars

사용 사례

01Ensuring consistency with Vercel-style design principles across a codebase

02Auditing existing components for accessibility and best practice compliance

03Performing a final UX polish before merging a frontend pull request

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cloudai-x/claude-workflow-v2 web-design-guidelines

For use in Claude.ai and ChatGPT

Download Skill