Claude Agent SDK 教程:通讯智能助手(Email Agent)
一套由浅入深的中文教程,带你拆解一个连接真实邮箱的 AI 全栈应用——从 IMAP 协议到 React 看板,从 AI 对话到自动化处理。
教程目录
认识系统
| 课程 | 标题 | 你会学到 |
|---|---|---|
| 第1课 | 这个邮件助手能干嘛? | 三大核心能力、系统全貌 |
| 第2课 | 技术全景图 | 六大模块、数据流、核心概念 |
| 第3课 | 环境搭建 | Gmail 配置、Bun 安装、跑通项目 |
基础设施
| 课程 | 标题 | 你会学到 |
|---|---|---|
| 第4课 | IMAP 邮件系统 | 邮箱连接、邮件同步、IDLE 实时监听 |
| 第5课 | 数据库与存储 | SQLite 表结构、数据操作、WAL 模式 |
| 第6课 | WebSocket 实时通信 | 双向通道、消息类型、实时推送 |
智能核心
| 课程 | 标题 | 你会学到 |
|---|---|---|
| 第7课 | AI 对话核心 | Session、工具箱、搜索子Agent、callAgent |
| 第8课 | 一键操作 Actions | 模板定义、handler 编写、ActionContext |
| 第9课 | 自动化 Listeners | 事件监听、递归AI模式、渐进式过滤 |
| 第10课 | 数据看板 | UI State、React 组件、三层架构 |
融会贯通
| 课程 | 标题 | 你会学到 |
|---|---|---|
| 第11课 | 完整实战串讲 | 从启动到处理邮件的完整链路 |
| 第12课 | 进阶扩展 | 自己写 Listener / Action / 组件 |
适合谁?
- 有基础的 Web 开发经验(了解 HTTP、前后端概念)
- 想了解 AI Agent 全栈应用开发
- 想学习事件驱动 + AI 自动化的架构设计
技术栈
- 前端: React + TypeScript + Tailwind CSS
- 后端: Bun + WebSocket
- 数据库: SQLite
- 邮件: IMAP (node-imap + mailparser)
- AI: Claude Agent SDK + Anthropic API
最终成果
学完后你将理解一个完整的 AI 邮件自动化系统:
新邮件到达 Gmail
→ IMAP 实时接收
→ 存入数据库
→ AI 自动分析分类
→ 自动记账 / 提取待办 / 贴标签
→ 看板实时更新
→ 你在浏览器里看到一切