Frontend Design 133k+ weekly installs

Vercel Web Design Guidelines

Maintained by the Vercel engineering team. Automatically audits UI code against 100+ accessibility, performance, and UX standards. Run it after generation to catch issues immediately.

Install

npx skills add vercel-labs/skills --skill vercel-web-design-guidelines

Cross-tool: Claude Code ~/.claude/skills/ · Qoder ~/.qoder/skills/ · TRAE ~/.trae/skills/

Source

Maintained by the Vercel engineering team. Audits UI code against 100+ accessibility, performance, and UX standards.

What It Checks

Accessibility (WCAG compliance, aria attributes, keyboard navigation)
Performance (image optimization, font loading, layout shift)
UX (interaction feedback, error messages, loading states)
Code quality (semantic HTML, CSS best practices)

When to Use

Pre-launch UI quality gate. Especially useful for fast-iteration projects — generate with AI then immediately run the audit to catch what was missed.

#code review#accessibility#performance#Vercel