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