第五单元 发布与 Demo
第17课 换皮：主题不换骨
同构换皮：保留定向→审核→可见，可换场景名。
换皮不换骨：外观可以炫，定向→审核→可见别拆。
创意来源说清楚，才诚实。
今天给墙换一身班服。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 填创意来源卡。
- 说明保留的骨架。
- 可选做出换皮标题。
三、弄懂这件事
这一课就这几小步：
1．来源
换皮不换骨之前，先说来源：你观察了什么、给谁用、有哪些约束。
来源要具体，例如「班会表扬墙」「小组互赞」，别只说「做一个网站」。
说清来源，才诚实，也才好定成功标准。
2．同构
外观可以炫，骨架不能拆：必须保留定向→审核→可见。
三角色和主路径还在，才叫同一类产品，而不是另一张记事本。
今天给墙换一身班服，骨子里仍是点赞墙。
3．演示说法
演示时先说来源和同构点，再动手走审核流。
先讲后演，同学才知道你改的是皮还是骨。
骨在，皮才加分。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
创意来源卡
填来源卡五栏。
做对了会怎样读完能明白为什么要这一步，不是瞎点。
做不出来怎么办来源卡先写清：想帮谁、让他看见什么。
写保留的三步骨架。
做对了会怎样流程里写到了审核这一环。
做不出来怎么办主路径三步：定向发出 → 审核 → 对方可见。
若换皮，只改文案标题。
做对了会怎样主流程步骤顺序没被改乱。
做不出来怎么办这一次只改逻辑或文案，不要改表结构。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l17.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l17.html。
做单个 HTML 说明页：上面是「创意来源卡」五栏（每栏一句完整话，写清想帮谁、看见什么、灵感从哪来等）； 下面写「换皮必须保留」的三步主流程：定向发出 → 审核 → 对方可见。 可以给一个换皮后的标题示例，但三步主流程不能删、不能改成别的产品。 不要真提交逻辑；适合投影。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
换皮换掉审核。
没有观察只有「要酷」。
七、带走这几句
- 灵感和素材来源要写具体，方便以后复查。
- 换皮（样式）可以，但不能把能玩的主逻辑换没。
八、打勾再往下
- 来源卡完成。
- 骨架三步写明。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
更靠谱的起点？
换皮必须保留？
来源卡作用？