Vercel Design Guidelines

Review web interfaces against Vercel's comprehensive design guidelines and propose fixes.

How It Works

1. Read the user's code (components, CSS, HTML)
2. Check against Vercel design guidelines (interactions, animations, layout, content, forms, performance, design, copywriting)
3. Report violations with specific line references
4. Propose concrete fixes with code examples

Usage

When a user asks to review their UI or check against design guidelines:

1. Fetch the guidelines from both URLs below
2. Read the relevant source files (components, styles, HTML)
3. Analyze the code against each applicable guideline category
4. Report findings grouped by category with severity