feat(slidev): add day3 course slides and module pages

新增第三天完整课程章节，包含规则体系演进、Token经济学、Commands与Skills、Agent团队、浏览器工具、复盘总结共6个模块页面，补充课程目录跳转
2026-06-13 08:19:10 +08:00
parent 4e1829fa08
commit 604e7e68d7
7 changed files with 1052 additions and 0 deletions
@@ -0,0 +1,169 @@
+# 模块 6：Agent 参与度光谱
+
+<div class="mt-6 text-sm">
+
+用户可以按任务风险和信任程度，选择 AI 参与到哪个深度。
+
+</div>
+
+<div class="mt-6 text-sm">
+
+| 纯手工 | AI Copilot 辅助 | 手动触发全托管 | Loops 全托管 |
+|---|---|---|---|
+| 人自己写 | AI 辅助补全和解释 | 人给目标，AI 执行 | AI 自主循环，人审阅 |
+
+</div>
+
+<div class="mt-4 p-3 rounded-xl bg-blue-500/10 border border-blue-500/30 text-sm">
+从左到右，Agent 参与度递增，人类需要更强的验收和边界设计。
+</div>
+
+<!--
+这页讲 Agent 参与度光谱。
+企业落地时，团队可以根据任务风险选择停在哪个位置。
+低风险重复任务可以提高自动化程度，高风险任务需要更清楚的计划、审查和人工确认。
+-->
+
+---
+
+# Plan 模式：先计划，再执行
+
+<div class="grid grid-cols-2 gap-6 mt-6 text-sm">
+<div class="p-4 rounded-xl bg-blue-500/10 border border-blue-500/30">
+<div class="font-bold mb-2">计划阶段</div>
+
+- 理解目标
+- 划定范围
+- 列出步骤
+- 标注风险
+</div>
+<div class="p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/30">
+<div class="font-bold mb-2">执行阶段</div>
+
+- 修改文件
+- 运行检查
+- 汇报 diff
+- 给出验证结果
+</div>
+</div>
+
+<!--
+Plan 模式把“想清楚再动手”显性化。
+它让用户能在代码修改前审阅目标、范围、步骤和风险。
+对企业研发来说，这是控制 Agent 风险的关键交互。
+-->
+
+---
+
+# Plan 模式适合的场景
+
+<div class="mt-6 text-sm">
+
+| 场景 | 计划里必须写清 |
+|---|---|
+| 多文件改造 | 文件范围、模块边界、测试方式 |
+| 权限相关修改 | 前端权限、后端权限、审计日志 |
+| 依赖升级 | 版本影响、兼容性、回滚方式 |
+| 生产缺陷修复 | 根因、最小改动、验证路径 |
+
+</div>
+
+<!--
+Plan 模式最适合高风险和多步骤任务。
+尤其是权限、依赖、生产缺陷、跨模块改造。
+这些任务都需要先把边界和验证方式说清楚。
+-->
+
+---
+
+# 三方智能体：Git 工作流里的 Agent
+
+<div class="mt-6 text-sm">
+
+Cursor BugBot、Codex Connect Review 代表了独立代码审查 Agent 的方向：它们挂在 PR 和代码流转环节上。
+
+</div>
+
+<div class="grid grid-cols-3 gap-4 mt-8 text-sm">
+<div class="p-3 rounded-xl bg-blue-500/10 border border-blue-500/30 text-center">PR 审查</div>
+<div class="p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/30 text-center">CI/CD 检查</div>
+<div class="p-3 rounded-xl bg-amber-500/10 border border-amber-500/30 text-center">发布前验收</div>
+</div>
+
+<!--
+Agent 的位置会从 IDE 扩展到 Git 工作流。
+代码进入 PR 后，可以由独立审查 Agent 做规则检查、风险提示和测试建议。
+Trae CLI 企业版也可以嵌入流水线，形成类似能力。
+-->
+
+---
+
+# 自动 Review 的输入输出
+
+<div class="mt-5 text-sm">
+
+| 输入 | 输出 | 验收 |
+|---|---|---|
+| PR diff | 风险点 | 有文件和行号 |
+| 项目 rules | 规则命中 | 能解释触发原因 |
+| 测试结果 | 缺口建议 | 能对应关键路径 |
+| 历史问题 | 回归提醒 | 能指向相似案例 |
+
+</div>
+
+<!--
+自动 Review 要结构化。
+输入包括 diff、rules、测试结果和历史问题。
+输出要能落到文件、行号、规则和验证建议。
+这样审查 Agent 才能进入团队流程。
+-->
+
+---
+
+# 第 3 天交付物
+
+<div class="grid grid-cols-2 gap-3 mt-6 text-sm">
+<div class="p-3 rounded-xl bg-blue-500/10 border border-blue-500/30">01 规则迁移清单</div>
+<div class="p-3 rounded-xl bg-blue-500/10 border border-blue-500/30">02 Token 成本与任务匹配表</div>
+<div class="p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/30">03 Command / Skill / MCP 决策表</div>
+<div class="p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/30">04 Agent 分工表</div>
+<div class="p-3 rounded-xl bg-amber-500/10 border border-amber-500/30">05 前端浏览器验证清单</div>
+<div class="p-3 rounded-xl bg-amber-500/10 border border-amber-500/30">06 Plan 与 Review 验收清单</div>
+</div>
+
+<!--
+第三天的交付物偏能力体系和工作方式。
+它承接前两天的代码理解、上下文工程和规则资产化，把 Trae 的产品能力映射到企业研发流程。
+-->
+
+---
+layout: center
+class: text-center
+---
+
+# 三天课程闭环
+
+<div class="grid grid-cols-3 gap-4 mt-8 text-left max-w-5xl mx-auto text-sm">
+<div class="p-4 rounded-xl bg-blue-500/10 border border-blue-500/30">
+<div class="font-bold mb-2">第 1 天</div>
+用 TRAE 看懂真实代码库
+</div>
+<div class="p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/30">
+<div class="font-bold mb-2">第 2 天</div>
+让 TRAE 按团队规则参与研发
+</div>
+<div class="p-4 rounded-xl bg-amber-500/10 border border-amber-500/30">
+<div class="font-bold mb-2">第 3 天</div>
+把 TRAE 能力接入 Agent 工作方式
+</div>
+</div>
+
+<br/>
+
+> **最终能力：读得懂 · 问得准 · 查得实 · 改得稳 · 接得上流程**
+
+<!--
+三天课程形成闭环。
+第一天训练代码理解，第二天训练上下文和规则，第三天训练能力体系和 Agent 工作方式。
+最终目标是让学员从单次对话体验，走向真实研发流程中的持续使用。
+-->