用途：审查前端 UI 代码是否符合 Vercel 的 Web Interface Guidelines，适用于 UI 代码审查、无障碍检查、设计审计、UX 审查以及对照最佳实践检查站点。
主要能力：每次审查前从指定源获取最新规则，读取用户指定的文件或匹配模式，逐条应用全部规则，并以简洁的 file:line 格式输出违规位置，例如指出图标按钮缺少 aria-label、模态框未限制焦点、主内容未包裹在 main 元素中。
使用方式：先通过 WebFetch 获取规则，URL 为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，提示词为“Extract all UI rules and guidelines”；随后读取并分析用户提供的文件或模式，可覆盖 React/Vue/Svelte 组件、HTML、CSS/SCSS、TypeScript/JavaScript 文件；最后应用全部规则并输出违规项。若用户未指定文件，需询问要审查哪些文件。
适用场景：需要按统一规范检查界面代码质量、无障碍与交互体验时使用。
限制与约束：必须每次获取最新规则，不得使用过期缓存；必须应用全部规则，不得只做部分检查；违规位置须准确到 file:line。审查过多文件时需注意上下文溢出，建议限制范围并优先报告严重问题，同时为每条违规给出修复建议。
其他信息：当前版本 1.0.0，最后更新 2026-01-22，支持平台为 Claude、ChatGPT、Gemini，来源为 vercel/agent-skills。相关技能包括 web-accessibility 与 ui-component-patterns。