独立提示词生成页 · L3
PROMPT L3诊断提示词输出
提供环境、复现步骤、期望、实际和错误信息。 诊断验证:运行回归测试并记录结果。 点击本页即可运行,不依赖课程 Wiki。
环境是 Chrome 单页 HTML。只修复一个已复现的 bug,并保留无关代码出现问题。复现步骤、期望、实际和错误信息如下:……请先判断最可能的原因,再给最小补丁、回归测试和仍需人工验证的风险。先提供错误证据再请求补丁,不要让 AI 重写整个项目
网页入门 · 专题 05
网页设计与调试实验室
词汇站重构与错误复现。学会用证据向 AI 描述问题,而不是只说‘它坏了’。
作品工作台:词汇站重构与错误复现
选择一个模拟 bug,查看复现步骤并运行修复后的测试。 这是一个可直接操作的离线小作品,用来验证提示词和代码修改。
先操作作品,再把结果写进测试表。
等待测试结果
提示词版本对比
把我的网站做得更漂亮。
请从信息层级、可访问性和移动端三方面提出重构方案,先列测试清单。
只重构卡片布局,保留数据与计分逻辑,列出改动点和可能副作用。
这是复现步骤、期望、实际和错误信息,请定位最可能原因并给最小补丁。
每个链接都进入由对应完整提示词生成的独立网页。请打开后实际操作,再把输出差异和验证证据写进学习档案。
学习大纲
- 信息层级、控制台报错、最小复现、回归测试
- 学会用证据向 AI 描述问题,而不是只说‘它坏了’。
- 完成:选择一个模拟 bug,查看复现步骤并运行修复后的测试。
学习过程
- 观察基线问题
- 写最小复现
- 尝试结构化提示词
- 修复一个 bug
- 回归测试并比较版本
实验与反思
- 同一需求用简短、结构化、带示例提示词,返工次数有什么不同?
- 你怎样证明修复没有破坏其他功能?
反思出口卡
哪个提示词改动最有效?AI 哪一点需要验证?你自己新增了什么规则?下一次只改一个变量,你会选什么?
诊断提示词输出 · 回归测试版
提供环境、复现步骤、期望、实际和错误信息。 先复现,再给最小补丁;这里保留一份可执行测试清单。
已通过 0 项测试。