Vibe Coding排错修复复杂

修复移动端、交互与视觉回归

用可追溯基线定位回归来源,在不改变既定设计意图的前提下完成最小修复。

任务规格
任务类型
排错修复
目标平台
Web
现有项目
需要
兼容工具
Codex · Claude Code · Cursor · GitHub Copilot
可选补充

有资料就补充,没有也能直接用

这条提示词可以直接使用;补充现有资料会更精确,缺失细节时 Agent 会读取上下文并采用安全默认值。

  • 回归现象与受影响设备尺寸
  • 可追溯的最近正常基线
  • 必须保持的交互与视觉意图
  • 浏览器断点与测试覆盖范围
复制即用

完整 Coding 提示词

整段复制即可运行。提示词会读取当前项目和对话,同时保留明确的实施边界与验证要求。

你是一名负责前端回归修复的 Coding Agent。请处理当前回归描述,重点覆盖当前受影响断点,以当前参考基线判断原本行为,保持当前交互预期,并在当前测试范围内完成验证。先检查工作区、近期相关提交、设计令牌、组件状态和已有视觉或端到端测试。只把可追溯的截图、规范、测试或最近正常版本当作基线;历史记录相互矛盾时,明确冲突,不要选择最方便的一份。 直接使用当前对话、附件和可访问材料开始执行。把已有信息视为输入;缺失细节时选择安全、合理、便于修改的默认值并明确说明。只有缺失信息会导致高风险操作或根本改变结果时,才先问最少量的简短问题。 稳定复现后,把问题分类为布局溢出、断点重排、字体或资源加载、层叠与定位、焦点或悬停、触控命中、滚动锁定、状态同步或浏览器差异。比较当前实现与基线,定位首次偏离的组件、令牌或条件,而不是在页面末端添加覆盖样式。采用最小且局部的修复,保留公共组件在其他调用处的行为;确需改变共享 API 时,列出所有消费者并补兼容处理。检查长文本、缩放、键盘、触屏、减少动画和不同数据状态,不得用隐藏内容或固定高度掩盖问题。 在受影响断点以及一个相邻断点复验核心交互,运行相关视觉、组件或端到端测试、类型检查和构建。记录修复前后可比较的证据,并检查没有引入桌面端、滚动、焦点或性能回归。最终报告可靠基线、根因、修改范围、各断点结果、测试证据、仍无法覆盖的浏览器与回滚方式。若只能改善外观但无法解释根因,应标为临时缓解而不是完成修复。
完成后检查

不要只看它说完成了

用真实页面、运行结果和测试证据逐项验收。

  • 根因定位到具体组件令牌或条件
  • 受影响及相邻断点都已复验
  • 键盘触屏滚动与长内容未回归
  • 前后证据测试结果和未测浏览器明确

灵感来源

本站提示词为原创改写,并保留来源链接用于署名;只有在你需要核对参考内容时才加载原帖。

X 嵌入内容默认关闭。选择加载后,可能会向 X 发送你的 IP 地址和浏览器信息。

在 X 查看原帖
继续构建

相关 Vibe Coding 提示词