Skills Design

Web Design Guidelines

Audit UI code against Vercel Web Interface Guidelines for design and accessibility.

Cursor Claude Grok a11yguidelinesaudit

What it is

Where Frontend Design argues for taste, this skill argues for compliance: focus states, contrast, tap targets, form labels, and motion that does not hide content. Run it before you ship a marketing page.

When to use

Use as a pre-launch pass on any page a visitor will click, type into, or read on a phone.

How to install

Install web-design-guidelines/SKILL.md next to frontend-design so the two skills can stack.

# Claude Code
.claude/skills/web-design-guidelines/SKILL.md

# Grok Build
.grok/skills/web-design-guidelines/SKILL.md

# Codex
.agents/skills/web-design-guidelines/SKILL.md

Example prompt

Check this landing page against Web Design Guidelines. List failures with file paths.

Source: Vercel

Read the full install guide →

Related skills