截图反馈（用截图替代文字描述修复 AI 生成页面的视觉错误）

这是什么方法

在 Vibe Coding 仓库推荐的工作流中，当 coding agent 生成的页面出现视觉错误时，用户不需要用文字描述"哪里不对"，而是直接提供截图。Agent 拿到截图后比对自己生成的页面版本，给出修复方案。

这是一种"视觉证据优先"的反馈方式，比文字描述更准确，也更省时。

适合哪些情况

• 页面布局错位、组件溢出、字体颜色不对等纯视觉问题。
• 用户对设计问题难以用语言精确表达。
• 错误在浏览器中可见，但控制台没有报错信息。

常见做法

• 在浏览器中复现错误页面并截图。
• 把截图连同一句简短说明（例如"这一栏应该居中"）一起发给 Agent。
• 让 Agent 修改后再次截图比对，确认是否真的修好。
• 与浏览器控制台复制 JS 错误配合使用：控制台报错的用日志，看得见但没报错的用截图。

注意事项

• 截图可能泄露通知栏、桌面背景、账号信息等隐私内容，上传前注意遮挡。
• 截图反馈不能替代功能性 bug 的修复——纯视觉问题用截图，逻辑错误仍然要看控制台或日志。

来源

• SRC-DEV-003：Vibe Coding 从入门到精通（中文工作流仓库）