第 2 节 · 本站原创中文课程 · 建议 25 分钟
用规格说明与 AI 协作
学完能做:把需求转换成界面行为与验收条件。
描述行为而非只描述外观
“美观”不能说明点按钮后发生什么。每个控件要说明标签、限制、默认值、结果和错误提示。先给完整规格,让AI说明实施步骤,再生成代码。
可执行的规格
指定单HTML、原生CSS与JavaScript、不联网,降低配置成本。为字段加label,结果加aria-live。这是与当前范围匹配的选择,不是所有应用的固定方案。
单HTML,不依赖外部脚本。
人数:0到10000整数;预算:非负、两位小数。
合法提交显示总额,非法输入显示原因。
可用Tab/Enter操作;结果区aria-live。
先列步骤,再给完整文件和三条手工测试。 记录每次变更
每次只改一个需求,描述当前、期望行为和旧测试。保留上个可工作版本。新增依赖要解释必要性;不用因为AI生成了一个复杂方案就默认它适合当前任务。
这是本站独立编写的讲解与示例,并非官方课程逐字翻译。理解之后,请完成下面的练习、自测和笔记。
参考来源:Build with Andrew