Web Design Guidelines

Pulls the latest Web Interface Guidelines from Vercel's GitHub repo and audits your UI code against them. You'd use this when you want a systematic check of your interface, whether that's accessibility, design patterns, or general UX best practices. It fetches fresh rules each time rather than relying on stale standards, then outputs findings in a clean file:line format. The skill knows to trigger on phrases like "review my UI" or "check accessibility", which feels natural when you're in the middle of frontend work. One nice touch: it asks which files to review if you don't specify, so you're not fumbling with patterns. Made by Vercel, so the guidelines reflect their design thinking.

Install to Claude Code

npx -y skills add calcom/cal.com --skill web-design-guidelines --agent claude-code