你好，我是悦创。
了解子代理的来龙去脉之后，我们这一讲接着深入聊相关的工程实践和设计模式。
正式开讲前，我想先抛出一个很多同学都比较困扰的地方：为什么我们有时很快就能“看懂”某些新出来的 AI 产品，而对另一些却始终感觉云里雾里？
上周直播时，就有同学提到一个当下讨论度很高的开源项目 OpenClaw（Clawdbot）。在讨论群里，有人一眼就能说清它的核心设计取舍，而初学者却只能停留在“它好像用了 Agent / Tool / Workflow”的层面。
你好，我是悦创。
欢迎来到 Claude Code 工程化实战的第三讲。从这一讲开始，我们将进入本课程的第一个核心内容——子代理（Sub-Agents）。
我们先从一个常见场景开启今天的内容。
某天，你让 Claude Code 帮你跑一个测试套件，结果输出了 500 行日志；然后你想让它分析一下代码结构，又输出了 200 行；接着你想让它改一个 bug……这时候，你的对话上下文已经被各种“中间过程”塞满了，真正重要的信息被淹没在茫茫的输出海洋里。
你好，我是悦创。
和 AI 协作，不知道你有没有这样的经历。
第一次对话：
你：帮我写一个用户登录接口
Claude：好的，这是一个基础的登录接口...（使用 Express + JavaScript）
你：我们项目用的是 Fastify 和 TypeScript
Claude：好的，让我重新写...
第二次对话：
你：帮我写一个订单创建接口
Claude：好的，这是一个基础的订单接口...（又用 Express + JavaScript）
你：（崩溃）我们用 Fastify 和 TypeScript！小时候总觉得，所有事情都必须立刻发生。
想长大，想赚钱，想离开家，想去很远的地方，想证明自己不是那个永远被大人摸着头说“你还小”的孩子。
后来真的长大了，才发现，原来人生里很多重要的东西，都是慢慢来的。
爱是慢慢来的。
理解是慢慢来的。
甚至原谅，也是。
有一年冬天，我在地铁里看见一个老人。
他拎着一袋苹果，很沉，走得很慢。车门快关的时候，他努力往里赶，可还是没赶上。
车门关上的那一瞬间，他没有生气，也没有懊恼。
他只是低头笑了笑，像是在安慰自己。
| 卤面 | 水煮鱼片 | 花螺 | 菜椒鱿鱼 | 排骨汤 | 蛋糕 |
|---|
| 牛里脊 | 葱姜水（小葱 7g、姜 3g、清水 50g） | 大蒜 25g | 小米辣 |
|---|---|---|---|
| 野山椒 30g | 香菜 70g | 盐 1g | 鸡精 2g |
| 白胡椒粉 0.2g | 小苏打 1g | 老抽 3g | 土豆淀粉 7g or 红薯淀粉 |
| 薄皮辣椒 or 菜椒 |
| 序号 | Time | Message | 完成情况 | 说明 | 二级任务 |
|---|---|---|---|---|---|
| 01 | 分享代码也可以点击转换到 Python 代码运行 | ✅ | 无 | 无 | |
| 02 | HTML 代码支持框架运行 (React) | ✅ | 无 | 无 | |
| 03 | 编写的代码支持缓存 | ✅ | 无 | 无 | |
| 04 | 支持创建多代码文件分享，代码文件内容，打包下载代码 | ✅ | 打包下载未实现 | ✅ | |
| 05 | 代码自动保存，自动保存仅限每个 IP 同一个文件，采用时间 | ➖ | 考虑中，使用缓存即可 | ✅ | |
| 06 | 双击重命名 | ✅ | |||
| 07 | 文件的删除功能，文件夹的折叠功能 | ✅ | |||
| 08 | 纯净的代码分享页面，后台页面期可保留一个 | ➖ | 考虑，但是不一定需要 | ||
| 09 | 双模式，一半显示 HTML 源码，另一半实际渲染 | ✅ | |||
| 10 | 文件和文件之间需要直接代码引用渲染，就是可以实现本地路径相对调用 | ✅ | 不知道有没有意料之外的 bug | ||
| 11 | 折叠之后，logo的位置保持原有的位置，不要再靠左了 | ✅ | 细节需要改进，折叠后位置有变动，不够丝滑 | ✅ | |
| 12 | 新建 HTML 时，默认是源码编辑 | ✅ | |||
| 13 | 切换文件时，如果是 Web 类型，有预览功能的，要启用自动刷新，不然显示不出来 | ✅ | 有可能存在潜在 bug，后面看实际情况，以及把对应的资源本地存储调用。 | ||
| 14 | 图片、视频类显示的窗口大小需要适配，音频、视频、图片需要可以直接选择播放，不自动播放。 | ✅ | 非登录者，不能下载、播放！ | ||
| 15 | 支持选中特定文件、文件夹打包下载 | ✅ | |||
| 16 | 上传文件夹不要 alert()、prompt()、confirm() 形式弹出确认 | ✅ | |||
| 17 | 显示上传进度 | ✅ | |||
| 18 | upload 的 icon 错误，显示的图标错 | ✅ | |||
| 19 | 增加打包下载功能，仅限用户登录使用 | ✅ | 功能未做登录用户限制，后期增加 | ||
| 20 | 未登录的不能打包下载，只能单文件下载。 | ||||
| 21 | 增加单文件、文件夹右键下载选项 | ✅ | |||
| 22 | 支持 Command + 鼠标多选、shift 多选操作 sharecode.html 需要支持 Command + 鼠标多选、shift 多选操作，然后选择打包下载或者删除操作 |
➖ | 感觉实现的效果怪怪的，后期看情况实现 | ||
| 23 | 登录账号后可以激活分组功能 | ||||
| 24 | 点击特定代码行的序号，会高亮特定代码行，分享时保留选中的高亮代码行 切换文件后，高亮应该继续保持，而不是消失！ |
✅ | 支持 shift 快捷键选择连续多行 | ||
| 25 | 添加一个停止运行的按钮在输出终端中 | ||||
| 26 | 注册采用邀请注册制、邮箱验证码验证（邀请码管理后台生成，且只能使用一次） | ||||
| 27 | 拆分代码，现在代码包含了各种功能的样式、js 如果拆分开，是否方便后期迭代和维护？ 页面 sharecode.html 进行拆分代码，现在代码包含了各种功能的样式、js 如果拆分开，进行各种功能、样式拆成独立文件，保证功能、样式不被影响！无法拆出的，就直接保留。注意：现有的功能、样式不要影响！ |
✅ | |||
| 28 | 每个文件夹、文件支持鼠标右键单独生成分享 | ||||
| 29 | 2026-04-30 20:15:10 | 选择多个、删除功能 | ✅ | 目前未发现 bug | |
| 30 | Python 项目直接支持相互调用 | ||||
| 31 | 设置分享有效期，可选密码设置 | ||||
| 32 | 全屏锁定功能、仅限用户登录且是 VIP，类似实现静态网站部署。（隐藏侧边栏、底部按钮栏） | ||||
| 33 | 鼠标右键支持复制文件、文件夹的路径 | ✅ | 目前未发现 bug | ||
| 34 | 预览模式启用时，需要有刷新按钮进加载，因为发现有时候显示不出来 | ||||
| 35 | 只有登录账号才可以上传图片、视频 > 500kb | ||||
| 36 | 2026-04-30 16:01:06 | 添加一个答疑页面，或者是公告板块交流 | |||
| 37 | 2026-05-10 22:16:05 | 添加购书福利相关 | |||
| 38 | 2026-05-10 22:16:05 | 支持选中特定文件、文件夹删除 | ✅ | ||
| 39 | 书籍的论坛 | ||||
| 40 | 添加更多的代码语言渲染支持、增加更多语言高亮和选项 | ||||
| 41 | VIP 和非 VIP 的权限可以在后台进行自主修改 | ||||
| 42 | Markdown分享预览功能、大纲功能、元数据功能等、支持 Vuepress 显示功能、左右内容实时对齐。 | ✅ | 支持 Vuepress 显示功能、左右内容实时对齐（这两个需要进一步研究） | ||
| 43 | 分享预览功能，右侧空白并且没有出现二维码 | ✅ | 生成速度需要改进 | ||
| 44 | 把用户上传的视频、图片进行压缩，上传的是原图、原视频，但是显示永远是压缩后的，不允许下载原图、原视频 | ||||
| 45 | 添加二维码生成器 | ||||
| 46 | 限制每个用户账号设置最大限制存储数据，用户开通 VIP，用户删除数据，是假删除。 | ||||
| 47 | 添加反馈提交页面（弹窗），便于用户进行页面问题、想法、建议等进行反馈。支持邮件通知处理情况。 | ||||
| 48 | 提供专门的 API 接口，便于 Python、AI 进行访问数据，配套文档说明 | ||||
| 49 | 内容实时渲染，不够好 | ||||
| 50 | Python 代码允许页面，不默认导入第三方库，用户自行选择所需要的第三方库 | ||||
| 51 | 增加 C++ 运行能力 | ||||
| 52 | 侧边栏隐藏能力 | ||||
| 53 | 链接还需要生成支持 AI 的 API 接口，也便于 AI 使用写入数据 | ||||
| 54 | 上传的时候，在窗口中选择不上传的文件夹或者文件 | ||||
| 55 | 每行代码都可以进行标注，就是编写批注 | ||||
| 56 | 2026 年 6 月 7 日 | 是否要更换成 Django？ | |||
| 57 | 移动端需要找时间思考和改进，是否重构或者重新设计开发 | ||||
| 58 | Markdown预览代码支持复制 | ||||
| 59 | 后台有图片页面，便于我直接看看有什么图片 | ||||
| 60 | Python、C++出题、判题系统 | ||||
| 61 | 时间复杂度生成 | ||||
| 62 | 更好的 Python 代码提示、选择性安装第三方库（C++ 一样） | ||||
| 64 | 支持导入 github 代码，直接运行 |
| 豆芽 | 鸡蛋 | 韭菜 |
|---|
| 菜椒 200g | 土豆 500g | 五花肉 200g | 大蒜 15g | 姜 5g |
|---|---|---|---|---|
| 干辣椒（可选） | 十三香 0.3g | 生抽 20g | 白糖 4g | 蚝油 20g |
| 老抽 5g | 鸡精 3g |
AI悦创·编程一对一
AI悦创·推出辅导班啦，包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Web、Linux」，招收学员面向国内外，国外占 80%。全部都是一对一教学：一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然，还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线，随时响应！微信：Jiabcdefh
C++ 信息奥赛题解，长期更新！长期招收一对一中小学信息奥赛集训，莆田、厦门地区有机会线下上门，其他地区线上。微信：Jiabcdefh
方法一：QQ
方法二：微信：Jiabcdefh
AI悦创·编程一对一
AI悦创·推出辅导班啦，包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Web、Linux」，招收学员面向国内外，国外占 80%。全部都是一对一教学：一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然，还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线，随时响应！微信：Jiabcdefh
C++ 信息奥赛题解，长期更新！长期招收一对一中小学信息奥赛集训，莆田、厦门地区有机会线下上门，其他地区线上。微信：Jiabcdefh
方法一：QQ
方法二：微信：Jiabcdefh
| 馄饨皮 | 五花肉 200g | 盐 1g | 生抽 5g | 白糖 2g | 白胡椒粉 0.5g | 味精 2g |
|---|---|---|---|---|---|---|
| 鸡精 1g | 虾 100g | 味精 1g | 芝麻香油 | 紫菜 | 虾米 | 香菜 |
| 香葱 |
| 排骨 | 白萝卜 | 白胡椒粉（可选） | 生姜 | 干贝 |
|---|