Web Design Guidelines

This audits your UI code against Vercel's Web Interface Guidelines, which it fetches fresh before every review to stay current. You point it at files or patterns, and it spits out violations in terse `file:line` format so you can jump straight to the problem. It checks accessibility, design patterns, and UX rules from the guidelines repo. Useful when you want an opinionated second look at frontend code without manually cross-referencing a style guide. The output is deliberately concise, which is helpful if you're running it in CI or just want quick feedback without prose.

Install to Claude Code

npx -y skills add langgenius/dify --skill web-design-guidelines --agent claude-code