Web Design Guidelines

1---
2name: web-design-guidelines
3description: Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
4metadata:
5  author: vercel
6  version: "1.0.0"
7  argument-hint: <file-or-pattern>
8---
9 
10# Web Interface Guidelines
11 
12Review files for compliance with Web Interface Guidelines.
13 
14## How It Works
15 
161. Fetch the latest guidelines from the source URL below
172. Read the specified files (or prompt user for files/pattern)
183. Check against all rules in the fetched guidelines
194. Output findings in the terse `file:line` format
20 
21## Guidelines Source
22 
23Fetch fresh guidelines before each review:
24 
25```
26https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
27```
28 
29Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
30 
31## Usage
32 
33When a user provides a file or pattern argument:
341. Fetch guidelines from the source URL above
352. Read the specified files
363. Apply all rules from the fetched guidelines
374. Output findings using the format specified in the guidelines
38 
39If no files specified, ask the user which files to review.
40