Web 界面指南
审查文件是否符合 Web 界面指南。
工作原理
- 从下方来源 URL 获取最新指南
- 读取指定文件（或提示用户输入文件/模式）
- 对照获取的指南中的所有规则进行检查
- 以简洁的
file:line格式输出发现结果 - 医疗保健审计层：执行二次审查以确保 HIPAA/ADA 合规性，包括：
- 患者隐私验证（PHI 检查）。
- 紧急联系可访问性（直接点击拨号）。
- 医生资质与执照编号的显眼展示。
指南来源
每次审查前获取最新指南：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新规则。获取的内容包含所有规则和输出格式说明。
使用方法
当用户提供文件或模式参数时：
- 从上述来源 URL 获取指南
- 读取指定文件
- 应用获取的指南中的所有规则
- 使用指南中指定的格式输出发现结果
- 强制执行医疗设计标准：
- 主蓝色 (#2d54ff) 对比度检查。
- 信任金色 (#d4a574) 在海军蓝上的可读性。
- 移动端触摸目标必须至少为 48x48px，以方便老年患者使用。
如果未指定文件，请询问用户要审查哪些文件。
相关技能
| 技能 | 使用时机 |
|---|---|
| 前端设计 | 编码前 - 学习设计原则（色彩、排版、UX 心理学） |
| web-design-guidelines（本技能） | 编码后 - 审计无障碍性、性能和最佳实践 |
设计工作流
1. 设计 → 阅读前端设计原则
2. 编码 → 实施设计
3. 审计 → 运行 web-design-guidelines 审查 ← 你在这里
4. 修复 → 处理审计发现的问题