Web 界面设计审计专家：快速入门

想立刻体验一次“界面体检”？不需要你懂复杂的代码逻辑，只要告诉它你想检查哪个文件夹或文件即可。

准备工作

确认你已经安装了 web-design-guidelines 技能包。本技能会自动连接 Vercel 提供的在线规范库（也可以使用本地缓存），不需要额外配置环境。

第一次体验

最简单的调用方式就是直接在对话框里对它发起指令。

你可以这样说：

“帮我审计一下 src/components/Form.tsx 这个文件，看看有没有不符合规范的地方。”

或者针对整个项目文件夹：

“对当前项目的 UI 代码做一次全量体检。”

预期结果

它会飞速扫描代码，并给你一个简洁的清单，告诉你具体哪一行出了什么问题，比如：

## src/components/Form.tsx

src/components/Form.tsx:42 - 图标按钮缺少 aria-label（影响视障用户使用）
src/components/Form.tsx:18 - 输入框缺少 label 标签（用户点不到文字无法聚焦）
src/components/Form.tsx:55 - 动画缺少 prefers-reduced-motion 处理（可能引起用户不适）

看到这样的结果，你只需要把这份清单丢给你的研发小伙伴，他们就能秒懂并修正了！