Vibe Coding工具体验 / 第 2 节
D2 Vibe Coding首页内容与交互迭代
主案例：CSDP/ITR服务工单协同系统
本页是当天课表草案，导入自 2026-09-18 大纲。发布前请改写成可直接学习的图文教程。
第1节 · 09:00-09:45 · 45分钟 · 实践
本节主题
首页内容与交互迭代：让工具生成报修问答框页面和第一版助手任务说明；用自然语言修改欢迎语、快捷问题和回答结构
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：工具示范与模板复现：围绕“让工具生成报修问答框页面和第一版助手任务说明”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；学员操作与版本留痕：围绕“用自然语言修改欢迎语、快捷问题和回答结构”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；工具操作记录：让工具生成报修问答框页面和第一版助手任务说明；当堂作品增量：用自然语言修改欢迎语、快捷问题和回答结构
来源课次 D3-S3、D3-S4
第2节 · 10:00-10:45 · 45分钟 · 实践
本节主题
首页内容与交互迭代：测试服务能力、服务费用、交付周期、隐私和未知问题；发布制造企业服务报修问答助手v0.3并保留版本差异
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：失败样例与边界测试：围绕“测试服务能力、服务费用、交付周期、隐私和未知问题”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；作品验收与当日复盘：围绕“发布制造企业服务报修问答助手v0.3并保留版本差异”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；测试与边界记录：测试服务能力、服务费用、交付周期、隐私和未知问题；制造企业服务报修问答助手v0.3、角色口径卡、任务说明和敏感问题测试
来源课次 D3-S5、D3-S6
第3节 · 11:00-12:00 · 60分钟 · 实践
本节主题
首页内容与交互迭代：先看失败：助手为什么会把旧版服务资料当真；认识服务与方案手册的标题、版本和适用范围
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：案例导入与看图讲解：围绕“先看失败：助手为什么会把旧版服务资料当真”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；业务角色与任务拆解：围绕“认识服务与方案手册的标题、版本和适用范围”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；场景判断卡：先看失败：助手为什么会把旧版服务资料当真；任务拆解记录：认识服务与方案手册的标题、版本和适用范围
来源课次 D4-S1、D4-S2
第4节 · 14:00-14:45 · 45分钟 · 实践
本节主题
首页内容与交互迭代：让工具生成服务资料索引和来源展示区域；把3至5份脱敏资料接入讲师提供的知识模板
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：工具示范与模板复现：围绕“让工具生成服务资料索引和来源展示区域”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；学员操作与版本留痕：围绕“把3至5份脱敏资料接入讲师提供的知识模板”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；工具操作记录：让工具生成服务资料索引和来源展示区域；当堂作品增量：把3至5份脱敏资料接入讲师提供的知识模板
来源课次 D4-S3、D4-S4
第5节 · 15:00-15:45 · 45分钟 · 实践
本节主题
首页内容与交互迭代：用5个问题检查回答、来源片段和无答案处理；替换过期资料并生成资料缺口清单
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：失败样例与边界测试：围绕“用5个问题检查回答、来源片段和无答案处理”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；作品验收与当日复盘：围绕“替换过期资料并生成资料缺口清单”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；测试与边界记录：用5个问题检查回答、来源片段和无答案处理；带来源服务报修问答助手v0.4、资料索引、5条核验记录和资料缺口清单
来源课次 D4-S5、D4-S6
第6节 · 16:00-16:45 · 45分钟 · 理论
本节主题
首页内容与交互迭代：从一段服务报修问答中找出值得跟进的服务工单信息；只保留必要字段：企业场景、核心需求、跟进时间和联系人授权
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：案例导入与看图讲解：围绕“从一段服务报修问答中找出值得跟进的服务工单信息”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；业务角色与任务拆解：围绕“只保留必要字段：企业场景、核心需求、跟进时间和联系人授权”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；场景判断卡：从一段服务报修问答中找出值得跟进的服务工单信息；任务拆解记录：只保留必要字段：企业场景、核心需求、跟进时间和联系人授权
来源课次 D5-S1、D5-S2
第7节 · 17:00-18:00 · 60分钟 · 实践
本节主题
首页内容与交互迭代：让工具生成服务工单登记表单、校验提示和结果卡片；把助手对话结果整理成结构化服务工单卡
教学活动
在已生成首页上迭代文案、内容模块、知识助手入口、登记入口、交互反馈和响应式显示。原课程内容承接：工具示范与模板复现：围绕“让工具生成服务工单登记表单、校验提示和结果卡片”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。；学员操作与版本留痕：围绕“把助手对话结果整理成结构化服务工单卡”在“CSDP/ITR服务工单协同系统”教学模板中完成生成、预览、修改或测试并保留结果；使用合成或脱敏材料，候选工具能力须开课前实测。
产出与评价证据
首页迭代版本、修改前后对照与响应式检查记录；工具操作记录：让工具生成服务工单登记表单、校验提示和结果卡片；当堂作品增量：把助手对话结果整理成结构化服务工单卡
来源课次 D5-S3、D5-S4