Can I specify which files the skill should audit?

Yes, you can provide specific file paths or glob patterns to target your review on specific components or directories.

What guidelines does this skill use for reviews?

The skill fetches the latest Web Interface Guidelines from the official Vercel Labs repository to ensure your UI matches modern web standards.

How does this differ from a standard CSS linter?

While linters check for syntax and style, this skill evaluates high-level design principles, UX best practices, and accessibility compliance.

Does this skill automatically fix my UI code?

No, it acts as an automated reviewer that identifies issues and provides the exact file and line number so you can make informed improvements.

Web Design Compliance Reviewer

Name: Web Design Compliance Reviewer
Author: clawdbot

byclawdbot

•

Herramientas de Diseño

Audits UI code against Vercel-inspired Web Interface Guidelines for consistency, accessibility, and UX best practices.

Acerca de

This skill automates the UI review process by fetching and applying the latest Web Interface Guidelines to your codebase. It scans files for accessibility issues, design inconsistencies, and general UX debt, providing precise file-and-line feedback to help developers maintain production-grade frontend standards. By dynamically retrieving rules from the source, it ensures your code is always measured against the most current industry standards for modern web interfaces.

Características Principales

Identifies accessibility violations and non-standard design patterns
Fetches real-time design rules from official Vercel Labs guidelines
Supports specific file targeting or pattern-based audits
Automates comprehensive UI and UX audits for frontend source code
Provides terse, actionable feedback in file:line format for quick fixes
10 GitHub stars

Casos de Uso

Reviewing new UI components for compliance before merging a pull request
Auditing existing web projects for accessibility and design system alignment
Automating the quality assurance process for frontend design patterns

Acerca de

Características Principales

Identifies accessibility violations and non-standard design patterns
Fetches real-time design rules from official Vercel Labs guidelines
Supports specific file targeting or pattern-based audits
Automates comprehensive UI and UX audits for frontend source code
Provides terse, actionable feedback in file:line format for quick fixes
10 GitHub stars

Casos de Uso

Reviewing new UI components for compliance before merging a pull request
Auditing existing web projects for accessibility and design system alignment
Automating the quality assurance process for frontend design patterns