UI 界面反馈分析器

要解决什么问题

产品或研发经常收到「这个页面好难用」这类反馈，但截图背后到底是布局、反馈机制还是数据层问题，往往需要 UX 同学介入才能说清楚。本技能把单张截图、多张按流程的截图，或录屏当作输入，在对话里完成从视觉扫描到可落地改进建议的闭环，并尽量给出可展示的 Before/After 对比，而不是只列几条泛泛建议。

工作方式

触发后大致按四步推进：

1. 视觉分析：识别布局结构、信息层级、交互控件，以及截图里能看出的异常点。
2. 问题分类（L1–L4）：把发现项归到交互设计（L1）、反馈机制（L2）、数据层（L3）、AI 预填充等（L4），并标高/中/低优先级。
3. 根因分析（5 Why）：对每个问题向下追问，区分症状与根因。
4. 输出报告：固定四块——问题汇总表、根因分析、改进方案（可含成本×价值四象限）、验证方法；并生成内联 CSS 的完整 HTML，含约 375×780 手机框 mockup 的 Before/After 对比。

典型输出包括问题汇总表（含分类与优先级）、5 Why 叙述，以及方案表里对改动范围与优先级的说明，方便产品和研发直接拆任务。

适用边界与注意点

• Before/After 是 HTML 模拟界面，不是真实产品截图，上线前通常需要设计或研发微调。
• 多角色、多立场的用户反馈需要分场景分别分析，不宜一次混谈。
• 涉及 L4 AI 预填充（如疾病编码模糊搜索、历史数据自动匹配）时，方案里应单独评估 API 与数据成本。
• 暗色主题不在默认质量标准内；报告默认偏白底、清爽排版（如 #F0F2F5 底色）。