16

上下文窗口：AI 的工作记忆

窗口构成可视化，拖动模拟溢出效果，主流模型容量对比

交互

›

17

上下文溢出：三种处理策略

直接截断 / 摘要压缩 / 选择性保留，可视化对比每种策略的利弊

交互

›

18

为什么大模型选择 Markdown

纯文本模型 + 排版需求 = MD 成为首选，逐步推演 HTML/Word/LaTeX 为何不行

动画

›

19

Markdown 语法与工程化渲染

常用语法速查 + 实时编辑器 + marked.js / react-markdown / markdown-it 渲染方案

交互

›

20

你说什么，它就变什么

五种角色实时切换，输出格式控制，System Prompt 核心原理

交互

›

21

Prompt 进阶技巧

Few-Shot / CoT / 约束条件 / 任务拆解，好坏对比交互演示

交互

›

22

输出格式取舍

纯文本 / JSON / Markdown / YAML / XML — 场景适配度对比，Token 消耗与解析难度权衡

交互

›

23

流式返回与格式配合

JSON 等全文才能解析 / MD 逐字显示 / XML 捕获标签即渲染 — 动态演示三者差异

交互

›

24

Prompt Injection：为什么会被攻击

SQL 注入类比 → Message List 本质 → 缺乏参数化 → 5 大攻击类型概览

安全 步进

›

25

Prompt Injection：12 个攻击案例

越权指令 / 角色扮演 / Few-Shot / 结构注入 / 隐喻伪装，每案例中招版 vs 防御版

安全 交互

›

26

Prompt 防御：TiedStory 三层拦截实战

输入层正则 → 提示词层约束 → 输出层泄漏检测 → 前端+二次审核，可模拟攻击全链路

实战 交互

›

27

Agent：能干活的 AI

四大能力 Plan / Tool / Memory / Act，点击查看真实案例

交互

›

28

工具调用的秘密

模型输出 JSON → 框架解析执行 → 结果注回，四步流程可视化

交互

›

29

ReAct 实战：Agent 反复打转的真实过程

Thought / Action / Observation 逐步演示，3 次失败 + 1 次成功，完整 Agent 挣扎链路

动画

›

30

Skill：让 Agent 少走弯路

Skill = 流程说明 + 工具调用指引，用"阳台收衣服"类比好循环 vs 差循环，含 SKILL.md 文件结构

交互

›

31

脚手架工程：Agent 从试验品到产品

模拟 Agent 查机票订酒店，无脚手架 vs 有脚手架完整对比，5 大能力详解

交互

›

32

多轮对话为什么越来越贵？

Token 累积成本可视化，拖动轮次查看费用如何指数增长

交互

›

33

KV Cache：用空间换时间（和钱）

类比理解 + 节省效果计算器，显式缓存 Anthropic / Qwen 实战对比

交互

›

34

显式缓存：Anthropic / Qwen 实战对比

cache_control 写法、缓存命中判断、价格折扣对比，真实省钱效果演示

交互

›

35

动态时间戳：最贵的 System Prompt 设计

错误设计 vs 正确设计，三种时间处理方案对比切换

反例

›

36

综合成本优化：从系统角度省钱

5 层优化策略，成本构成可视化，节省 70-90% 的系统设计

系统设计

›

37

图片 Token：像素也在烧钱

图片计费公式、缩放机制、分辨率陷阱、按任务分级策略

多模态

›

38

按任务匹配分辨率：图片成本的精细化控制

高/中/低三档分辨率策略，不同场景的 Token 消耗对比与选型建议

多模态

›

39

语法层优化：写给机器的提示词

YAML vs JSON、CSV vs 数组、压缩 JSON 输出，格式性 Token 省 10-30%

提示词工程

›

40

语义层优化：不要把上下文当垃圾桶

动态 Few-Shot、LLMLingua-2 压缩、拖拽排序注意力，提升信息密度

语义

›

41

输出层 + KV Cache 进阶

负向约束、Diff 润色、停止序列；KV Cache 的工具陷阱与滑动窗口问题

架构

›

42

模型选型：能力 vs 成本的权衡与决策框架

主流模型能力/成本矩阵、选型决策树、不同场景的模型匹配策略

选型

›

⚗

大道至简：坚守第一性原理

AI 工程化的本质 / 做 vs 不做的取舍标准 / 随时代被淘汰的工程化 / 终极问题

收官思考

›

★1

第二篇章汇总（上）· Prompt 工程 + Agent 设计

上下文溢出策略 / Prompt 六要素 / 工具调用真相 / Skill + 脚手架

篇章汇总

›

★2

第二篇章汇总（下）· 成本优化 + AI PM 完整视角

五层成本体系 / KV Cache 原理 / 图片 Token / 课程完整能力清单

篇章汇总

›