设计审查：功能详解

正如一个好医生的“望闻问切”，设计审查在巡检你的网页时，会有序通过以下四类核心能力，不仅找出“毛病”，更要给出“处方”。

一个杂乱的页面，往往是因为各个元素在抢夺注意力。设计审查会自动分析你网页的视觉焦点。它会通过“模拟人眼路径”检测你的 H1 到 H6 标题是否断档，或者那个最重要的购买按钮是不是被周围的文字淹没了。

如果你的 UI 是由大语言模型快速生成的，往往会带有一种冷冰冰的“工业塑料味”，例如排排坐的功能网格。它能敏锐捕捉并预警这类 AI 审美盲区。它会评估你页面的“AI 浓度”，并给出更具设计师品味的改进建议，让你的作品从“套路”回归到“质感”。

一个好的设计，反馈速度和动效平顺度同样关键。它会实时抓取页面的加载数据，例如那个重要的图片是不是加载太慢（LCP），或者页面在渲染过程中有没有由于布局抖动（CLS）让用户想点却点歪。更酷的是，它还能模拟点击，检测那个下拉菜单弹出时是否有生硬的延迟感。

它会同时在手机、平板和宽屏显示器下生成多维视图。与其说是检查“放不放得下”，不如说是在检查“美不美”。它能发现手机端那张被挤扁的 Banner 图，或者在平板上显得过于空旷的页脚边缘。

一键将你的项目切入深色模式。它会严格遵循视觉可读性标准，自动检查全站的对比度。如果底色太沉或者是辅助色太跳，它能直接通过 CSS 变量帮你重新平衡色彩。

当它准备修补一段代码时，会遵循极简主义原则。它优先修改全局样式表或 CSS 工具类，尽量不动你的业务逻辑。每次修改后，它都会生成一份包含“诊断摘要”和“效果对比图”的精美报告，让你对每一次微调都了如指掌。