先说说一个典型的场景：开发改版完UI，你一眼扫过去觉得“好像有点不对”，但真要你用肉眼逐像素对比两个版本——导航栏是不是偏了2px？按钮圆角是不是改了？字体是不是变大了？——那可真是一个头两个大。其实这种活儿不是人干的，是为了给工具干的。Codex配合Computer Use插件，就能在Win或Mac上快速识别两版设计图之间的视觉差异，不用你瞪着眼一个一个像素去比。

这么做的前提是：准备好两张需要对比的UI截图，都保存为PNG格式，命名清晰，比如叫v1-homepage.png和v2-homepage.png。别用JPG——压缩会引入伪影，Codex会把那些噪点也当成“差异”报给你，那就得不偿失了。

把这两张图放在同一个本地文件夹里，比如 Desktop/ui-diff-test/。Codex的Computer Use插件需要直接通过文件路径来访问，你不能从微信或者QQ的临时下载目录里读，那地方路径太乱，容易出问题。还有个小坑得提醒你：必须关闭OneDrive或百度网盘的实时同步图标覆盖层。这些云盘会在文件右下角叠加一个小图标，Codex截图识别时会把它当成UI元素的一部分，导致误报——明明没改的地方，它告诉你“有变化”。

启用Computer Use插件并授权桌面访问

接下来，打开Codex App，点击左上角「插件」，找到Computer Use，点击启用。系统会弹窗要求授权“屏幕录制”与“辅助功能”权限，按提示走就行。

如果你是Mac用户，首次启用还需要手动去系统设置里的「隐私与安全性」→「屏幕录制」和「辅助功能」，勾选Codex。这一步跳过的话，后续所有截图操作都会失败，而且Codex不会给你明显的报错提示——它只会默默地不工作。Windows用户则在弹出的UAC窗口点“是”，然后等待右下角出现Codex图标闪烁三次，这才算插件就绪的唯一视觉信号。

让Codex执行双图结构化对比

新建一个对话，输入指令，尽量写清楚：“请对比Desktop/ui-diff-test/v1-homepage.png和v2-homepage.png，按区域列出所有UI差异：导航栏、主标题区、卡片列表、底部版权栏。只报告真实改动，忽略压缩噪点和抗锯齿微变。”

等待Codex调用Computer Use完成截图分析。过程中它会短暂黑屏0.5秒（Mac）或闪现白色矩形框（Win），这是正常的渲染行为，不用慌。

输出结果中，如果出现“按钮圆角从6px变为8px”这种精确数值，说明识别成功。但如果它只写“按钮样式不同”，那就要警惕了——这通常意味着两张图分辨率不一致，或者存在缩放。这时候需要用预设尺寸（比如1920×1080）重新导出再试一次。

人工复核关键差异点

工具输出归输出，最后还是得靠人来把关。第一步：在Codex输出的差异描述里，找到带具体坐标的条目，比如“搜索框Y轴位置下移23px（原412px → 新435px）”。

第二步：打开系统自带的截图工具——Windows用Snipping Tool，Mac用Cmd+Shift+4——按住Space键切换为窗口捕捉模式，分别框选两张图中该搜索框所在区域，保存为crop-v1.png和crop-v2.png。

第三步：把这两张裁剪图拖入VSCode，按Ctrl+Shift+P，输入Compare Active File With，选择另一张图。查看diff视图——左侧红标表示“删除”，右侧绿标表示“新增”——看看是否严格对应Codex给出的位移量。

这一步能验证Codex给出的像素级偏移是否真实。很多所谓的“UI差异”，其实只是因为截图时浏览器缩放比例不同导致的，VSCode diff可以立刻帮你排除这类干扰。