Web 界面指南审查技能

Web 界面指南

审查文件是否符合 Web 界面指南。

工作原理

1. 从下方来源 URL 获取最新指南
2. 读取指定文件（或提示用户提供文件/模式）
3. 对照获取的指南中的所有规则进行检查
4. 以简洁的 file:line 格式输出发现的问题

指南来源

在每次审查前获取最新指南：

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

使用 WebFetch 检索最新规则。获取的内容包含所有规则和输出格式说明。

用法

当用户提供文件或模式参数时：

1. 从上述来源 URL 获取指南
2. 读取指定的文件
3. 应用获取的指南中的所有规则
4. 使用指南中指定的格式输出发现的问题

如果未指定文件，请询问用户要审查哪些文件。

---

相关技能

技能	使用时机
前端设计	编码前 - 学习设计原则（色彩、排版、UX 心理学）
web-design-guidelines（本技能）	编码后 - 审计可访问性、性能和最佳实践

设计工作流

1. 设计   → 阅读前端设计原则
2. 编码     → 实现设计
3. 审计    → 运行 web-design-guidelines 审查 ← 您在此处
4. 修复      → 处理审计结果