🎯

web-design-guidelines

🎯Skill

from vercel-labs/claude-skills

What it does

A Vercel skill that reviews UI code for Web Interface Guidelines compliance, checking accessibility, design, and UX best practices by fetching the latest guidelines automatically.

📦

Same repository

vercel-labs/claude-skills(7 items)

web-design-guidelines

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/web-design-guidelines/SKILL.md

SKILL.md

166Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository6

🎯

vercel-composition-patterns🎯Skill

A collection of Vercel Engineering skills for AI agents including React/Next.js performance optimization with 40+ rules across 8 categories, and web design guidelines covering 100+ accessibility, performance, and UX rules.

🎯

vercel-react-best-practices🎯Skill

A Vercel skill providing React best practices and patterns guidance, part of the Vercel Labs claude-skills collection for modern web development.

🎯

vercel-react-native-skills🎯Skill

Vercel React Native skills for AI coding agents, covering mobile development patterns, performance optimization, and React Native best practices.

🎯

deploy-to-vercel🎯Skill

Skill

🎯

vercel-cli-with-tokens🎯Skill

Skill

🎯

vercel-react-view-transitions🎯Skill

Skill