网页界面设计指南

解决的问题

网页项目里的问题往往不是单条 CSS 或单个组件，而是可访问性、交互反馈、布局一致性、组件命名、状态展示等细节混在一起。人工检查容易遗漏，不同项目对界面规范的口径也不一致，尤其在做代码评审前，需要一份可复用的检查视角。

工作方式

• 先取规则：每次审查前通过 WebFetch 获取最新 Web Interface Guidelines，避免使用过期规则。
• 再读文件：用户指定文件或 pattern 时读取对应文件；没有指定时先询问审查对象。
• 逐项比对：按获取到的全部规则检查文件内容，并按指南指定格式组织结果。
• 结果简洁：以 file:line 形式列出问题，便于在编辑器中直接定位。

适用边界

该技能用于合规检查，输出问题清单，而不是生成设计稿、重写页面或自动修复代码。具体规则条目、检查范围和输出格式以实时获取的指南为准；如果指南源不可用或目标文件范围不清楚，结果会受这两项影响。