Web 界面设计审计专家：原理解析

你可能会好奇，这个 Skill 到底是怎么“看懂”代码并给出专业建议的？其实，它并不只是简单的字符串搜索，而是一套严密的对比逻辑。

审计的三部曲

它的工作过程可以看作是一个“持证上岗”的质检员在巡线：

1. 领取最新标准: 每次启动审计前，它都会从 Vercel 官方仓库 获取最新版本的 Web 界面规范。这意味着即使标准更新了，你也不需要重新配置。
2. 代码深度扫描: 它会读取你指定的文件内容。它不仅能看懂 HTML，还能理解 React/Next.js 等现代前端框架中的组件逻辑。
3. 规则精准对标: 它会将代码与规范中的上百条准则（从性能到可访问性）逐一比对。如果某行代码违反了规范（比如在不需要的地方用了 autoFocus），它就会标注出来。

核心运作逻辑

为什么你可以信任它？

• 实时更新: 所有的规则都源自全球最顶尖的前端基础设施服务商 Vercel 的共识，你的产品标准是与世界同步的。
• 不入侵代码: 审计过程只是“读取”，不会修改你的源代码。你可以放心地让它扫描任何敏感项目。
• 结果导向: 它的输出经过了精简处理，过滤掉了冗余的技术日志，只把 PM 最关心的、对产品体验有影响的问题摆在桌面上。