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

•

디자인 도구

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

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.

주요 기능

01Identifies accessibility violations and non-standard design patterns

02Fetches real-time design rules from official Vercel Labs guidelines

03Supports specific file targeting or pattern-based audits

04Automates comprehensive UI and UX audits for frontend source code

05Provides terse, actionable feedback in file:line format for quick fixes

0610 GitHub stars

사용 사례

01Reviewing new UI components for compliance before merging a pull request

02Auditing existing web projects for accessibility and design system alignment

03Automating the quality assurance process for frontend design patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add clawdbot/skills sharanga10

For use in Claude.ai and ChatGPT

Download Skill