给现有页面做一次界面一致性检查

从用户最常走的一条路径选范围。例如一个项目工作台，用户进入页面、筛选状态、打开列表中的记录。把页面截图与操作录屏放在一起，标出哪一步最容易犹豫。先检查信息优先级，再改颜色和间距。

把发现转成组件规则

假设筛选器和主按钮在窄屏上挤在一行，而空状态没有说明下一步。把规则写成可执行约束：筛选栏允许换行，主操作保持可见，空状态区分首次使用和筛选无结果。优先复用项目的按钮、表单和间距变量，避免为单个页面新增一组同义样式。

先完成筛选与空状态，记录默认、加载、无结果和请求失败四种表现。在提交前用键盘依次操作筛选项和主按钮，检查焦点可见、标签可理解、变更后焦点位置合理。以产品实际支持的窄屏宽度查看列表，确认内容没有横向截断。

保留同尺寸的前后截图，并给每项规则附上观察结果。打开一个筛选条件并清除，确认列表和空状态按实际数据变化。关联的 frontend-design Skill 可以用于整理视觉规则和实现方案，webapp-testing 可用于复查交互和布局。用同一组数据复验，避免把测试数据变化误判为页面改进。