Name: Web Design Guidelines
Author: qcwssss

Web Design Guidelines (Vercel)

Overview

Use this skill to audit UI code against Vercel’s Web Interface Guidelines. Focus on accessibility, focus states, forms, performance, and interaction rules.

When to Use

Reviewing UI for accessibility or UX issues
Auditing new components for best practices
Checking forms, dialogs, focus, or navigation behavior
Verifying design consistency and interaction rules

How It Works

Fetch the latest rules from: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Read the specified files or ask which files to review
Compare code against the rules
Report findings using the output format in the guidelines

Quick Reference

Web Design Guidelines (Vercel)

Overview

Use this skill to audit UI code against Vercel’s Web Interface Guidelines. Focus on accessibility, focus states, forms, performance, and interaction rules.

When to Use

Reviewing UI for accessibility or UX issues
Auditing new components for best practices
Checking forms, dialogs, focus, or navigation behavior
Verifying design consistency and interaction rules

How It Works

Fetch the latest rules from: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Read the specified files or ask which files to review
Compare code against the rules
Report findings using the output format in the guidelines

Web Design Guidelines

Web Design Guidelines (Vercel)

Overview

When to Use

How It Works

Quick Reference

Web Design Guidelines

Web Design Guidelines (Vercel)

Overview

When to Use

How It Works

Quick Reference

Example Trigger

Common Mistakes

Session Logs

OpenClaw Test Heap Leaks

Node Connect

Openclaw Qa Testing

Openclaw Secret Scanning Maintainer

Flags