《60天AI学习计划启动 | Day 58: 录制 Demo 视频（功能演示 + 技术讲解）》

Day 58：录制 Demo 视频（功能演示 + 技术讲解）

学习目标

• 准备 一个 5–10 分钟的 Demo 脚本（讲什么、怎么操作）
• 录制 Code Assistant / 知识中心 / 调试面板 等关键功能的操作视频
• 能够 一边演示一边用“前端视角”讲清楚架构和实现思路

---

核心内容（笔记）

• 1. Demo 结构建议

  1. 开场（30 秒）

     • 自我介绍 + 这个 Demo 要展示的是什么（前端 + AI 两个小项目）

  2. 项目 1：通用聊天 + 文档问答（2–3 分钟）

     • 展示：
       • 普通问答（流式输出）
       • 基于知识库的问答（简单说下 RAG）
     • 讲解要点：
       • 前端用 useStreamingChat + SSE 实现流式
       • RAG 的大致流程：检索 → 拼 Prompt → 回答

  3. 项目 2：Code Assistant（3–4 分钟）

     • 展示：
       • 切换模式（解释 / 修复 / 重构 / 测试）
       • 粘贴一段代码，演示不同模式的回答差异
     • 讲解要点：
       • 前端状态：mode + language + code + question
       • 不同 mode 对应不同 Prompt 模板 / 工具链

  4. 工程化能力（2–3 分钟）

     • 展示：
       • 调试面板：最近调用的 prompt/answer/耗时
       • Prompt 实验台：同一问题多 Prompt 对比
       • 简单提一下状态管理 / 本地缓存 / 多 Tab 同步
     • 讲解要点：
       • 为什么这些对“长期维护 AI 应用”很重要

  5. 收尾（30 秒）

     • 总结：这两个 Demo 证明了前端可以独立完成一条 AI 业务线的落地
     • 下一步计划：继续做 SDK 抽象 / 更多场景落地

• 2. 准备要点

  • 提前把：示例问题 / 代码片段 / 文档都准备好，避免录制时卡壳
  • 录制时尽量用中文 + 前端视角讲解：少讲模型原理，多讲“前端怎么接、怎么调、怎么优化”

---

明日学习计划预告（Day 59）

• 主题：整理简历 / Portfolio 中的“前端 + AI”章节
• 方向：
  • 把这两个项目整理成简历上的 1–2 条项目经历（目标岗位：前端 / 前端 + AI）
  • 明确：项目背景 / 负责内容 / 技术栈 / 难点与亮点 / 结果收益