第五单元 发布与 Demo
第19课 README 与 UI 打磨
交付前：链路图画清；外观变好看但不弄坏功能。
说清做了什么、没做什么；美化后还要再走一遍审核流。
好看不能牺牲「能审、能见」。
诚实简化，比假装全能更加分。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 有链路图。
- 美化后三角色仍通。
- 说明里无虚假上云。
三、弄懂这件事
这一课就这几小步：
1．诚实简化
发布前先诚实简化：写清做了什么、没做什么。
诚实简化，比假装全能更加分。
听的人知道边界，才敢按你的说明去打开。
2．美化
美化可以做，但一次只动一两处外观。
改完立刻回归走一遍审核流：登录→提交→通过→可见。
好看不能牺牲「能审、能见」。
3．回归
功能坏了就回退到 versions 里能演示的那一版。
别在坏掉的唯一份上继续堆颜色。
先保住主路径，再小步打扮。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
美化与回归
画或写链路图四步。
做对了会怎样流程里写到了审核这一环。
做不出来怎么办链路按顺序写：提交 → 审核 → 对方可见。
只改 CSS 两处。
做对了会怎样打扮或改样式之后，原来的功能还在。
做不出来怎么办只调颜色与间距，先别改结构标签。
再走三角色回归。
做对了会怎样审核通过后状态变为通过（或已通过），对方可见。
做不出来怎么办新版本失败就回退到上一份能玩的副本。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l19.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l19.html。
做单个 HTML 说明页，包含三块： 1）主链路图：提交 → 审核 → 对方可见（每步一句说明）； 2）「只许改 CSS」三条规则（不删结构、不改审核逻辑、改完必回归）； 3）三角色回归检查表：三角色任务流：发送·审核·接收各勾一项必须再点验的动作。 美化后必须还能走通主路径。不要新增大功能；不要服务器。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
美化时重写逻辑。
说明夸大已上云。
七、带走这几句
- 先诚实标出做到哪，再追求更好看。
- 美化之后必须再走一遍三角色回归，确认功能还在。
八、打勾再往下
- 链路图有。
- 回归通过。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
美化后必做？
诚实简化是？
弄坏功能时？