用途：该技能用于审查 UI/前端代码是否符合 Vercel 的 Web Interface Guidelines。规则从 GitHub 实时获取（URL：https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md），若获取失败则提示“Using cached guidelines”并改用内嵌的兜底规则。
主要能力：读取目标文件后运行六类检查——可访问性（MUST FIX 最高严重级）、视觉层级、间距与布局、交互模式、排版、组件 API 设计。可访问性检查项包括交互元素缺少可访问标签、图片缺少 alt、表单输入无关联 label、仅用颜色传达信息、焦点不可见等；视觉层级检查同一屏幕多主 CTA、标题层级跳跃、对比度不足等；布局检查任意间距值、移动端内容贴边、触摸目标小于 44x44px 等；交互检查异步操作无加载态、破坏性操作无确认等；排版检查字体族与字重过多；组件 API 检查 props 类型与命名一致性。
使用方式：先实时拉取规则，再读取待审文件并运行所有分类检查；仅输出有发现的类别，跳过干净的类别。检测模板语言后按对应语法给出修复，如 React/Next.js 用 JSX、Vue/Nuxt 用 Vue 模板、Svelte、Django/Jinja 用 HTML。输出格式为“WEB DESIGN GUIDELINES REVIEW”，包含审查文件、规则版本、按“[文件:行号] [类别] [严重级] — 描述”列出发现、Found 与 Fix 对照，以及 must-fix/high/medium/low 和可访问性问题的统计。
适用场景：审查前端/UI 代码质量，可独立调用，也被 vibe-coding-design-guard 在其 7 项检查通过后调用，发现会附在“WEB GUIDELINES FINDINGS”下。
限制：具体可用平台、收费情况、价格等信息暂未提供；规则依赖外部 GitHub 地址，获取失败时回退到缓存规则。