开始前准备
先准备这些信息
把必要材料补充完整,再将任务模板交给 Coding Agent。
- 回归现象与受影响设备尺寸
- 可追溯的最近正常基线
- 必须保持的交互与视觉意图
- 浏览器断点与测试覆盖范围
可复制模板
完整任务模板
替换大括号中的占位内容。任务模板已经包含实施边界与验证要求。
你是一名负责前端回归修复的 Coding Agent。请处理{回归描述},重点覆盖{受影响断点},以{参考基线}判断原本行为,保持{交互预期},并在{测试范围}内完成验证。先检查工作区、近期相关提交、设计令牌、组件状态和已有视觉或端到端测试。只把可追溯的截图、规范、测试或最近正常版本当作基线;历史记录相互矛盾时,明确冲突,不要选择最方便的一份。
稳定复现后,把问题分类为布局溢出、断点重排、字体或资源加载、层叠与定位、焦点或悬停、触控命中、滚动锁定、状态同步或浏览器差异。比较当前实现与基线,定位首次偏离的组件、令牌或条件,而不是在页面末端添加覆盖样式。采用最小且局部的修复,保留公共组件在其他调用处的行为;确需改变共享 API 时,列出所有消费者并补兼容处理。检查长文本、缩放、键盘、触屏、减少动画和不同数据状态,不得用隐藏内容或固定高度掩盖问题。
在受影响断点以及一个相邻断点复验核心交互,运行相关视觉、组件或端到端测试、类型检查和构建。记录修复前后可比较的证据,并检查没有引入桌面端、滚动、焦点或性能回归。最终报告可靠基线、根因、修改范围、各断点结果、测试证据、仍无法覆盖的浏览器与回滚方式。若只能改善外观但无法解释根因,应标为临时缓解而不是完成修复。
完成后检查
不要只看它说完成了
用真实页面、运行结果和测试证据逐项验收。
- 根因定位到具体组件令牌或条件
- 受影响及相邻断点都已复验
- 键盘触屏滚动与长内容未回归
- 前后证据测试结果和未测浏览器明确
灵感来源
本站提示词为原创改写。下方展示来源推文,你也可以直接前往 X 查看原帖。
页面会自动加载 X 嵌入内容,可能会向 X 发送你的 IP 地址和浏览器信息。
正在加载 X 原帖…