创意预览图

3:4竖版纯白背景技术流程图,顶部标题「Agent搭建全流程」,「Agent」为红棕色,「搭建全流程」为黑色;下方小字副标题「从0到1构建一个可扩展、可复用的 Agent 项目」,整体为8步纵向彩色流

用户头像

1r3x60wydth...

2026.06.10
1242×1656px 竖版浅米白色简约清新商务知识卡片,11步纵向时间线布局,左侧带彩色圆形序号+简约扁平化图标,每一步使用对应马卡龙浅色系圆角背景条,三栏内容排版,整体干净柔和,文字、配色、布局、图标1:1完整复刻。 ### 顶部标题区域 第一行:红色加粗大号字体"Agent"+深灰加粗大号字体"项目搭建全流程" 第二行:深灰色小号副标题:从0到1构建一个可扩展、可复用的 AI Agent 项目 ### 整体布局:左侧纵向彩色圆形序号+图标,中间步骤名称,中间右侧代码/文件列表,最右侧功能说明文字 1. 第1步|绿色圆形序号1,终端命令图标,浅灰背景条 步骤名称:初始化项目 中间代码: $ codex init my-agent $ cd my-agent 右侧说明:创建项目目录,初始化基础结构,生成默认配置文件和目录 2. 第2步|蓝色圆形序号2,文件夹图标,浅蓝背景条 步骤名称:配置项目 中间文件列表: .env.example(环境变量模板) settings.json(全局配置) .gitignore(忽略文件) README.md(项目说明) 右侧说明:配置模型、API Key、项目元数据,设定全局参数与开发规范 3. 第3步|紫色圆形序号3,模块立方体图标,浅紫背景条 步骤名称:规划项目结构 中间目录结构: my-agent/ ├─ agents/ # Agent定义 ├─ skills/ # 技能模块 ├─ tools/ # 工具集成 ├─ memory/ # 记忆与存储 ├─ prompts/ # 提示词模板 └─ tests/ # 测试用例 右侧说明:按职责划分模块,保持高内聚低耦合,便于扩展、测试与团队协作 4. 第4步|青绿色圆形序号4,机器人图标,浅青背景条 步骤名称:定义Agent 中间文件: agents/ ├─ __init__.py ├─ agent.yaml # Agent配置 └─ agent.py # Agent实现 右侧说明:定义Agent的角色、目标、工具和执行逻辑 5. 第5步|橙黄色圆形序号5,扳手工具图标,浅黄背景条 步骤名称:集成工具 (Tools) 中间文件: tools/ ├─ search.py ├─ calculator.py └─ api_client.py 右侧说明:封装可复用工具,支持外部API、计算、检索等能力 6. 第6步|浅红色圆形序号6,毕业帽图标,浅粉背景条 步骤名称:开发技能 (Skills) 中间文件: skills/ ├─ data_analysis.py ├─ report_generation.py └─ code_interpreter.py 右侧说明:实现具体任务能力,组合工具完成复杂操作 7. 第7步|蓝绿色圆形序号7,数据库图标,浅湖蓝背景条 步骤名称:接入记忆 (Memory) 中间文件: memory/ ├─ base.py ├─ vector_store.py └─ history.db 右侧说明:管理短期会话与长期记忆,支持向量存储与检索 8. 第8步|紫色圆形序号8,对话气泡图标,浅淡紫背景条 步骤名称:设计提示词 (Prompts) 中间文件: prompts/ ├─ system.md ├─ task.md └─ examples.md 右侧说明:编写系统提示词与任务模板,提升Agent输出质量与一致性 9. 第9步|橄榄绿色圆形序号9,对勾清单图标,浅豆绿背景条 步骤名称:测试与调试 中间代码: $ codex test $ codex run --debug 右侧说明:执行单元测试与集成测试,调试Agent行为与输出结果 10. 第10步|橘红色圆形序号10,火箭图标,浅橘背景条 步骤名称:部署与运行 中间代码: $ codex build $ codex start 右侧说明:打包项目,部署运行,支持本地或云端环境 11. 第11步|深蓝色圆形序号11,折线数据图表图标,浅蓝背景条 步骤名称:监控与优化 中间代码: $ codex logs $ codex eval 右侧说明:监控运行状态,评估效果,持续优化Agent性能 ### 全局视觉规范 1. 整体画布为柔和浅米白色底色; 2. 每一步左侧为带白色数字的彩色圆形序号,搭配简约扁平化图标; 3. 每一步使用专属马卡龙浅色系圆角矩形背景; 4. 三栏文字左对齐,黑色常规无衬线字体,标题加粗,代码/文件名使用等宽字体; 5. 纵向用细浅灰色连接线串联所有步骤,完整时间线视觉效果,所有文字、排版、配色、图标位置1:1完全一致。1242×1656px 竖版浅米白色简约清新商务知识卡片,11步纵向时间线布局,左侧带彩色圆形序号+简约扁平化图标,每一步使用对应马卡龙浅色系圆角背景条,三栏内容排版,整体干净柔和,文字、配色、布局、图标1:1完整复刻。

### 顶部标题区域
第一行:红色加粗大号字体"Agent"+深灰加粗大号字体"项目搭建全流程"
第二行:深灰色小号副标题:从0到1构建一个可扩展、可复用的 AI Agent 项目

### 整体布局:左侧纵向彩色圆形序号+图标,中间步骤名称,中间右侧代码/文件列表,最右侧功能说明文字
1. 第1步|绿色圆形序号1,终端命令图标,浅灰背景条
步骤名称:初始化项目
中间代码:
$ codex init my-agent
$ cd my-agent
右侧说明:创建项目目录,初始化基础结构,生成默认配置文件和目录

2. 第2步|蓝色圆形序号2,文件夹图标,浅蓝背景条
步骤名称:配置项目
中间文件列表:
.env.example(环境变量模板)
settings.json(全局配置)
.gitignore(忽略文件)
README.md(项目说明)
右侧说明:配置模型、API Key、项目元数据,设定全局参数与开发规范

3. 第3步|紫色圆形序号3,模块立方体图标,浅紫背景条
步骤名称:规划项目结构
中间目录结构:
my-agent/
├─ agents/ # Agent定义
├─ skills/ # 技能模块
├─ tools/ # 工具集成
├─ memory/ # 记忆与存储
├─ prompts/ # 提示词模板
└─ tests/ # 测试用例
右侧说明:按职责划分模块,保持高内聚低耦合,便于扩展、测试与团队协作

4. 第4步|青绿色圆形序号4,机器人图标,浅青背景条
步骤名称:定义Agent
中间文件:
agents/
├─ __init__.py
├─ agent.yaml # Agent配置
└─ agent.py # Agent实现
右侧说明:定义Agent的角色、目标、工具和执行逻辑

5. 第5步|橙黄色圆形序号5,扳手工具图标,浅黄背景条
步骤名称:集成工具 (Tools)
中间文件:
tools/
├─ search.py
├─ calculator.py
└─ api_client.py
右侧说明:封装可复用工具,支持外部API、计算、检索等能力

6. 第6步|浅红色圆形序号6,毕业帽图标,浅粉背景条
步骤名称:开发技能 (Skills)
中间文件:
skills/
├─ data_analysis.py
├─ report_generation.py
└─ code_interpreter.py
右侧说明:实现具体任务能力,组合工具完成复杂操作

7. 第7步|蓝绿色圆形序号7,数据库图标,浅湖蓝背景条
步骤名称:接入记忆 (Memory)
中间文件:
memory/
├─ base.py
├─ vector_store.py
└─ history.db
右侧说明:管理短期会话与长期记忆,支持向量存储与检索

8. 第8步|紫色圆形序号8,对话气泡图标,浅淡紫背景条
步骤名称:设计提示词 (Prompts)
中间文件:
prompts/
├─ system.md
├─ task.md
└─ examples.md
右侧说明:编写系统提示词与任务模板,提升Agent输出质量与一致性

9. 第9步|橄榄绿色圆形序号9,对勾清单图标,浅豆绿背景条
步骤名称:测试与调试
中间代码:
$ codex test
$ codex run --debug
右侧说明:执行单元测试与集成测试,调试Agent行为与输出结果

10. 第10步|橘红色圆形序号10,火箭图标,浅橘背景条
步骤名称:部署与运行
中间代码:
$ codex build
$ codex start
右侧说明:打包项目,部署运行,支持本地或云端环境

11. 第11步|深蓝色圆形序号11,折线数据图表图标,浅蓝背景条
步骤名称:监控与优化
中间代码:
$ codex logs
$ codex eval
右侧说明:监控运行状态,评估效果,持续优化Agent性能

### 全局视觉规范
1. 整体画布为柔和浅米白色底色;
2. 每一步左侧为带白色数字的彩色圆形序号,搭配简约扁平化图标;
3. 每一步使用专属马卡龙浅色系圆角矩形背景;
4. 三栏文字左对齐,黑色常规无衬线字体,标题加粗,代码/文件名使用等宽字体;
5. 纵向用细浅灰色连接线串联所有步骤,完整时间线视觉效果,所有文字、排版、配色、图标位置1:1完全一致。
竖版知识卡片,尺寸宽度1242px高度1656px,纯白色背景,简约扁平化笔记风格,配色按照要求: 顶部:机器人emoji 🤖 + 蓝色大号标题文字“我的 Agent 架构配置” 从上往下五层依次排布: 【第一层|浅粉色模块】标题红色文字:AGENTS.md,内部文本:Layer 1 AGENTS.md (Memory Layer) AGENTS.md/ architecture.rules global.md project.md,右侧三个浅粉色圆角文字框内容:记忆层:全局配置,项目级规划;代码规范,工程红线,不变的团队共识;命名、结构、仓库规范;全局规则,所有项目生效;项目级配置,仅本仓库 【第二层|浅米黄色模块】标题黄褐色文字:Skills/,内部文本:Layer 2 Skills (Knowledge Layer) SKILLS/ skill.md scripts/ context.md,右侧三个浅黄色圆角文字框内容:知识层:工作流提取,自动识别和调用;让 Agent 更聪明,更懂业务;能力描述,自动匹配;脚本与模板;按需提供业务上下文知识 【第三层|浅绿色模块】标题绿色文字:Hooks/,内部文本:Layer 3 Hooks (Guardrail Layer) Hooks/ PreAction.sh PostAction.sh,右侧三个浅绿色圆角文字框内容:护栏层:特定行为前后自动执行;防危险操作,自动化审计与通知;执行前:拦截、校验、阻断;执行后:通知、记录、清理 【第四层|浅蓝色模块】标题蓝色文字:Subagents/,内部文本:Layer 4 Subagents (Delegation Layer) Subagents/ task-executor.md data-analyzer.md,右侧三个浅蓝色圆角文字框内容:委派层:子智能体,独立上下文执行;互不干扰,提升效率与质量;独立上下文窗口;自定义工具与权限;结果回传,主线更干净 【第五层|浅紫色模块】标题紫色文字:Plugins/,内部文本:Layer 5 Plugins (Distribution Layer) Plugins/ manifest.json marketplace.url,右侧三个浅紫色圆角文字框内容:分发层:团队统一安装;技能、规则、子智能体完全一致;打包技能、规则、智能体;模块分装;一键安装,全队同步 视觉规范:每一层左侧色块和右侧说明框使用相同色系,使用黑色虚线箭头从左侧色块指向右侧文字区域,字体清晰无衬线中文,排版间距元素位置严格按要求,无水印无多余装饰,线条干净整洁,整体居中布局,留白合理,全部使用圆角矩形模块竖版知识卡片,尺寸宽度1242px高度1656px,纯白色背景,简约扁平化笔记风格,配色按照要求:
顶部:机器人emoji 🤖 + 蓝色大号标题文字“我的 Agent 架构配置”
从上往下五层依次排布:
【第一层|浅粉色模块】标题红色文字:AGENTS.md,内部文本:Layer 1 AGENTS.md (Memory Layer) AGENTS.md/  architecture.rules  global.md  project.md,右侧三个浅粉色圆角文字框内容:记忆层:全局配置,项目级规划;代码规范,工程红线,不变的团队共识;命名、结构、仓库规范;全局规则,所有项目生效;项目级配置,仅本仓库
【第二层|浅米黄色模块】标题黄褐色文字:Skills/,内部文本:Layer 2 Skills (Knowledge Layer) SKILLS/  skill.md  scripts/  context.md,右侧三个浅黄色圆角文字框内容:知识层:工作流提取,自动识别和调用;让 Agent 更聪明,更懂业务;能力描述,自动匹配;脚本与模板;按需提供业务上下文知识
【第三层|浅绿色模块】标题绿色文字:Hooks/,内部文本:Layer 3 Hooks (Guardrail Layer) Hooks/  PreAction.sh  PostAction.sh,右侧三个浅绿色圆角文字框内容:护栏层:特定行为前后自动执行;防危险操作,自动化审计与通知;执行前:拦截、校验、阻断;执行后:通知、记录、清理
【第四层|浅蓝色模块】标题蓝色文字:Subagents/,内部文本:Layer 4 Subagents (Delegation Layer) Subagents/  task-executor.md  data-analyzer.md,右侧三个浅蓝色圆角文字框内容:委派层:子智能体,独立上下文执行;互不干扰,提升效率与质量;独立上下文窗口;自定义工具与权限;结果回传,主线更干净
【第五层|浅紫色模块】标题紫色文字:Plugins/,内部文本:Layer 5 Plugins (Distribution Layer) Plugins/  manifest.json  marketplace.url,右侧三个浅紫色圆角文字框内容:分发层:团队统一安装;技能、规则、子智能体完全一致;打包技能、规则、智能体;模块分装;一键安装,全队同步

视觉规范:每一层左侧色块和右侧说明框使用相同色系,使用黑色虚线箭头从左侧色块指向右侧文字区域,字体清晰无衬线中文,排版间距元素位置严格按要求,无水印无多余装饰,线条干净整洁,整体居中布局,留白合理,全部使用圆角矩形模块
Generate a clean, professional directory structure infographic titled "我的 AI Agent 工作流结构", vertical layout, white background, 3:4 aspect ratio. Top left has an orange sunburst icon. Title text: "我的 AI Agent 工作流结构", with "AI Agent" in orange, other characters in black, bold font. The left side is a standard tree view folder structure with colored folder icons, the right side is a corresponding description column with colored rounded labels. All text is in Chinese, using a clear sans-serif font. Left tree structure (with colored folder icons): agent-project/ ├── 01_planner/ (blue folder) │ ├── goal.md │ ├── plan.md │ ├── task-breakdown.md │ └── roadmap.md ├── 02_memory/ (green folder) │ ├── long-term-memory.md │ ├── short-term-memory.md │ ├── entity-memory.md │ └── knowledge-graph.md ├── 03_tools/ (red folder) │ ├── api-tools/ (blue folder) │ │ ├── search.md │ │ ├── weather.md │ │ ├── calculator.md │ │ └── news.md │ ├── code-tools/ (purple folder) │ │ ├── code-executor.md │ │ ├── file-reader.md │ │ └── terminal.md │ └── custom-tools/ (purple folder) │ ├── db-query.md │ ├── notion.md │ └── slack.md ├── 04_knowledge/ (purple folder) │ ├── documents/ │ ├── embeddings/ │ ├── vector-store.md │ ├── rag-pipeline.md │ └── index-strategy.md ├── 05_agent_core/ (gray folder) │ ├── agent.md │ ├── roles.md │ ├── persona.md │ ├── workflow.md │ ├── system-prompt.md │ └── prompt-template.md ├── 06_evaluation/ (yellow folder) │ ├── eval-metrics/ │ ├── test-cases.md │ ├── benchmarks.md │ └── result-analysis.md ├── 07_observability/ (cyan folder) │ ├── logs/ │ ├── traces.md │ ├── monitoring.md │ └── alert-rules.md ├── 08_deployment/ (orange folder) │ ├── docker/ │ ├── k8s/ │ ├── deploy.md │ └── env.example ├── 09_examples/ (blue folder) │ ├── use-cases/ │ └── demo-flows.md └── 10_docs/ (purple folder) Right-side description labels (matching each section with pastel colors): - 01_planner/ (light green): 规划与任务管理 • 定义目标、拆解任务和执行计划 • 帮助Agent明确方向,分阶段完成复杂任务 - 02_memory/ (light blue): 记忆系统 • 管理不同类型的记忆(短期、长期、实体) • 支持上下文持续、知识沉淀和个性化记忆 - 03_tools/ (light pink): 工具系统 • 提供Agent可调用的各类工具 • 包括API工具、代码工具和自定义工具 • 扩展Agent能力,与外部世界交互 - 04_knowledge/ (light purple): 知识库与检索 • 管理知识库、向量索引和检索流程 • 让Agent基于私有知识产生更准确的回答 - 05_agent_core/ (light gray): Agent核心配置 • 定义Agent的角色、人格、系统提示等核心配置 • 包含工作流编排和Prompt模板管理 - 06_evaluation/ (light yellow): 评估与测试 • 定义评估指标、测试用例和基准测试 • 持续评估Agent表现,驱动优化迭代 - 07_observability/ (light cyan): 观测与监控 • 记录日志、追踪执行过程和性能监控 • 包含成本追踪和异常告警,保障稳定运行 - 08_deployment/ (light orange): 部署与运维 • 部署配置、容器化和环境管理 • 支持本地、云端和集群多种部署方式 - 09_examples/ (light blue): 示例与用例 • 提供典型使用场景、流程示例和Prompt示例 • 帮助快速上手和理解Agent的使用方式 - 10_docs/ (light purple): 文档与知识库 • 架构设计、最佳实践、FAQ和版本更新记录 • 团队协作和知识沉淀的核心资料库 Style requirements: - Use flat design, simple line icons for folders/files - Dashed gray guide lines connect each tree item to its description label.Generate a clean, professional directory structure infographic titled "我的 AI Agent 工作流结构", vertical layout, white background, 3:4 aspect ratio. Top left has an orange sunburst icon. Title text: "我的 AI Agent 工作流结构", with "AI Agent" in orange, other characters in black, bold font. The left side is a standard tree view folder structure with colored folder icons, the right side is a corresponding description column with colored rounded labels. All text is in Chinese, using a clear sans-serif font.

Left tree structure (with colored folder icons):
agent-project/
├── 01_planner/ (blue folder)
│   ├── goal.md
│   ├── plan.md
│   ├── task-breakdown.md
│   └── roadmap.md
├── 02_memory/ (green folder)
│   ├── long-term-memory.md
│   ├── short-term-memory.md
│   ├── entity-memory.md
│   └── knowledge-graph.md
├── 03_tools/ (red folder)
│   ├── api-tools/ (blue folder)
│   │   ├── search.md
│   │   ├── weather.md
│   │   ├── calculator.md
│   │   └── news.md
│   ├── code-tools/ (purple folder)
│   │   ├── code-executor.md
│   │   ├── file-reader.md
│   │   └── terminal.md
│   └── custom-tools/ (purple folder)
│       ├── db-query.md
│       ├── notion.md
│       └── slack.md
├── 04_knowledge/ (purple folder)
│   ├── documents/
│   ├── embeddings/
│   ├── vector-store.md
│   ├── rag-pipeline.md
│   └── index-strategy.md
├── 05_agent_core/ (gray folder)
│   ├── agent.md
│   ├── roles.md
│   ├── persona.md
│   ├── workflow.md
│   ├── system-prompt.md
│   └── prompt-template.md
├── 06_evaluation/ (yellow folder)
│   ├── eval-metrics/
│   ├── test-cases.md
│   ├── benchmarks.md
│   └── result-analysis.md
├── 07_observability/ (cyan folder)
│   ├── logs/
│   ├── traces.md
│   ├── monitoring.md
│   └── alert-rules.md
├── 08_deployment/ (orange folder)
│   ├── docker/
│   ├── k8s/
│   ├── deploy.md
│   └── env.example
├── 09_examples/ (blue folder)
│   ├── use-cases/
│   └── demo-flows.md
└── 10_docs/ (purple folder)

Right-side description labels (matching each section with pastel colors):
- 01_planner/ (light green): 规划与任务管理
  • 定义目标、拆解任务和执行计划
  • 帮助Agent明确方向,分阶段完成复杂任务
- 02_memory/ (light blue): 记忆系统
  • 管理不同类型的记忆(短期、长期、实体)
  • 支持上下文持续、知识沉淀和个性化记忆
- 03_tools/ (light pink): 工具系统
  • 提供Agent可调用的各类工具
  • 包括API工具、代码工具和自定义工具
  • 扩展Agent能力,与外部世界交互
- 04_knowledge/ (light purple): 知识库与检索
  • 管理知识库、向量索引和检索流程
  • 让Agent基于私有知识产生更准确的回答
- 05_agent_core/ (light gray): Agent核心配置
  • 定义Agent的角色、人格、系统提示等核心配置
  • 包含工作流编排和Prompt模板管理
- 06_evaluation/ (light yellow): 评估与测试
  • 定义评估指标、测试用例和基准测试
  • 持续评估Agent表现,驱动优化迭代
- 07_observability/ (light cyan): 观测与监控
  • 记录日志、追踪执行过程和性能监控
  • 包含成本追踪和异常告警,保障稳定运行
- 08_deployment/ (light orange): 部署与运维
  • 部署配置、容器化和环境管理
  • 支持本地、云端和集群多种部署方式
- 09_examples/ (light blue): 示例与用例
  • 提供典型使用场景、流程示例和Prompt示例
  • 帮助快速上手和理解Agent的使用方式
- 10_docs/ (light purple): 文档与知识库
  • 架构设计、最佳实践、FAQ和版本更新记录
  • 团队协作和知识沉淀的核心资料库

Style requirements:
- Use flat design, simple line icons for folders/files
- Dashed gray guide lines connect each tree item to its description label.
竖版纯白背景彩色分区表格流程图,6列纵向彩色分区表头带简约图标,18步带序号圆角步骤框加蓝色流向箭头。顶部大号黑色加粗主标题写着"Agent Memory 框架搭建",下方灰色小字副标题写着"从需求分析到上线运维的 18 步拆解"。表头6列分别是:1.紫色背景人物图标,列名:"角色 / 模块";2.浅橙背景目标靶心图标,列名:"需求与规划";3.浅粉色背景大脑图标,列名:"Memory设计";4.浅青蓝色背景代码符号图标,列名:"开发与集成";5.浅灰蓝背景文档勾选图标,列名:"测试与评估";6.浅绿色背景云服务器图标,列名:"部署与运维"。18步内容和蓝色箭头流向:1.步骤①(紫色列):"明确业务场景与Memory目标",蓝色箭头指向步骤②;2.步骤②(浅橙列):"定义Memory使用范围与边界",蓝色箭头指向步骤④;3.步骤③(紫色列):"梳理Agent交互数据与记忆需求",蓝色箭头指向步骤④;4.步骤④(浅粉列):"设计Memory类型与结构",蓝色箭头指向步骤⑤;5.步骤⑤(浅粉列):"选择存储方案(向量库/数据库等)",蓝色箭头指向步骤⑥;6.步骤⑥(浅粉列):"设计索引与检索策略",蓝色箭头指向步骤⑦;7.步骤⑦(浅青列):"搭建Memory存储与索引服务",蓝色箭头分别指向步骤⑧、步骤⑩;8.步骤⑧(浅青列):"开发Memory读写与检索接口",蓝色箭头指向步骤⑨;9.步骤⑨(浅青列):"集成Memory到Agent工作流",蓝色箭头指向步骤⑩;10.步骤⑩(浅灰蓝列):"编写测试例(功能/性能/安全)",蓝色箭头指向步骤⑪;11.步骤⑪(浅灰蓝列):"执行测试与问题修复",蓝色箭头指向步骤⑫;12.步骤⑫(浅灰蓝列):"评估Memory效果与准确性",蓝色箭头指向步骤⑬;13.步骤⑬(浅绿色列):"部署Memory服务与相关组件",蓝色箭头指向步骤⑭;14.步骤⑭(浅绿色列):"配置监控与告警机制",蓝色箭头指向步骤⑮;15.步骤⑮(浅绿色列):"上线验证与灰度发布",蓝色箭头指向步骤⑯;16.步骤⑯(浅粉列):"持续优化Memory(结构/策略/性能)",蓝色箭头指向步骤⑰;17.步骤⑰(浅橙列):"版本迭代与功能扩展",蓝色箭头指向步骤⑱;18.步骤⑱(紫色列):"总结与沉淀最佳实践"。右侧浅绿色侧边备注框,写着标题"Memory核心能力",包含项目:记忆存储、记忆检索、记忆更新、记忆忘却、上下文管理、长短期记忆协同。每列对应浅色系背景色,表头带简约扁平化图标;每个步骤为白色圆角矩形框,内部黑色文字加带圆圈数字序号;数据流转使用统一蓝色实线箭头,字体为常规无衬线黑体,标题加粗,所有文字内容、配色、布局、箭头走向严格按照要求还原。竖版纯白背景彩色分区表格流程图,6列纵向彩色分区表头带简约图标,18步带序号圆角步骤框加蓝色流向箭头。顶部大号黑色加粗主标题写着"Agent Memory 框架搭建",下方灰色小字副标题写着"从需求分析到上线运维的 18 步拆解"。表头6列分别是:1.紫色背景人物图标,列名:"角色 / 模块";2.浅橙背景目标靶心图标,列名:"需求与规划";3.浅粉色背景大脑图标,列名:"Memory设计";4.浅青蓝色背景代码符号图标,列名:"开发与集成";5.浅灰蓝背景文档勾选图标,列名:"测试与评估";6.浅绿色背景云服务器图标,列名:"部署与运维"。18步内容和蓝色箭头流向:1.步骤①(紫色列):"明确业务场景与Memory目标",蓝色箭头指向步骤②;2.步骤②(浅橙列):"定义Memory使用范围与边界",蓝色箭头指向步骤④;3.步骤③(紫色列):"梳理Agent交互数据与记忆需求",蓝色箭头指向步骤④;4.步骤④(浅粉列):"设计Memory类型与结构",蓝色箭头指向步骤⑤;5.步骤⑤(浅粉列):"选择存储方案(向量库/数据库等)",蓝色箭头指向步骤⑥;6.步骤⑥(浅粉列):"设计索引与检索策略",蓝色箭头指向步骤⑦;7.步骤⑦(浅青列):"搭建Memory存储与索引服务",蓝色箭头分别指向步骤⑧、步骤⑩;8.步骤⑧(浅青列):"开发Memory读写与检索接口",蓝色箭头指向步骤⑨;9.步骤⑨(浅青列):"集成Memory到Agent工作流",蓝色箭头指向步骤⑩;10.步骤⑩(浅灰蓝列):"编写测试例(功能/性能/安全)",蓝色箭头指向步骤⑪;11.步骤⑪(浅灰蓝列):"执行测试与问题修复",蓝色箭头指向步骤⑫;12.步骤⑫(浅灰蓝列):"评估Memory效果与准确性",蓝色箭头指向步骤⑬;13.步骤⑬(浅绿色列):"部署Memory服务与相关组件",蓝色箭头指向步骤⑭;14.步骤⑭(浅绿色列):"配置监控与告警机制",蓝色箭头指向步骤⑮;15.步骤⑮(浅绿色列):"上线验证与灰度发布",蓝色箭头指向步骤⑯;16.步骤⑯(浅粉列):"持续优化Memory(结构/策略/性能)",蓝色箭头指向步骤⑰;17.步骤⑰(浅橙列):"版本迭代与功能扩展",蓝色箭头指向步骤⑱;18.步骤⑱(紫色列):"总结与沉淀最佳实践"。右侧浅绿色侧边备注框,写着标题"Memory核心能力",包含项目:记忆存储、记忆检索、记忆更新、记忆忘却、上下文管理、长短期记忆协同。每列对应浅色系背景色,表头带简约扁平化图标;每个步骤为白色圆角矩形框,内部黑色文字加带圆圈数字序号;数据流转使用统一蓝色实线箭头,字体为常规无衬线黑体,标题加粗,所有文字内容、配色、布局、箭头走向严格按照要求还原。
生成一张1242×1600px竖版的AI Agent学习路线图,手绘时间轴风格,纯白色背景。顶部标题是粗体卡通黄色描边黑色大字:"AI Agent学习路线图"。整体是六条横向折返时间轴,黑色横向时间轴线,红色实心箭头做流程指向,每个学习节点使用不同马卡龙浅色系圆角矩形DAY标签,标签文字黑色,下方黑色文字标注学习内容+学习资源,学习内容加粗,学习资源为常规小字。具体结构: 第1行(左→右):浅黄色圆角DAY1,学习内容:AI行业认知,资源:(B站跟李沐学AI),红色箭头指向DAY3;浅粉色圆角DAY3,学习内容:Prompt工程,资源:(B站吴恩达),红色箭头指向DAY5;浅蓝色圆角DAY5,学习内容:DeepSeek/操作,资源:(DeepSeek官方文档),红色箭头向下折返指向DAY7 第2行(右→左):浅绿色圆角DAY7,学习内容:用户故事产品画布,资源:(AI产品经理实战手册),红色箭头指向DAY9;浅紫色圆角DAY9,学习内容:RAG技术精讲,资源:(LangChain中文教程),红色箭头指向DAY11;浅橘色圆角DAY11,学习内容:私有化部署方案,资源:(vLLM部署指南),红色箭头向下折返指向DAY13 第3行(左→右):浅蓝紫色圆角DAY13,学习内容:轻量化模型微调,资源:(Hugging Face PEFT教程),红色箭头指向DAY19;浅黄色圆角DAY19,学习内容:Transformer核心,资源:(B站王树森解析),红色箭头指向DAY24;浅紫色圆角DAY24,学习内容:多模态应用开发,资源:(Stable Diffusion Colab),红色箭头向下折返指向DAY30 第4行(右→左):浅绿色圆角DAY30,学习内容:AI产品设计方法论,资源:(Google AI设计原则),红色箭头指向DAY35;浅蓝色圆角DAY35,学习内容:Agent系统开发,资源:(一站式AI产品知识库),红色箭头指向DAY40;浅灰粉色圆角DAY40,学习内容:AI商业化实战,资源:(B站AI产品变现指南),红色箭头向下折返指向DAY43 第5行(左→右):浅橘色圆角DAY43,学习内容:行业解决方案,资源:(B站实战手册第四章),红色箭头指向DAY45;浅蓝色圆角DAY45,学习内容:前沿技术追踪,资源:(B站李沐每周论文精读),红色箭头指向DAY47;浅绿色圆角DAY47,学习内容:职业发展框架,资源:(B站实战手册第七章),红色箭头向下折返指向DAY50 第6行(右→左):浅灰粉色圆角DAY50,学习内容:AI产品项目实操带学,资源:(专属项目实践),红色箭头指向DAY55;浅粉色圆角DAY55,学习内容:综合项目开发,资源:(个人知识库Agent 多Agent任务助手),红色箭头指向DAY90;浅黄色圆角DAY90,学习内容:梳理项目亮点,资源:(提炼技术栈和解决的问题 优化简历) 视觉规范:背景纯白色,所有时间线为黑色细横线,流转箭头统一红色实心箭头;每个DAY标签使用不同马卡龙浅色系圆角矩形,文字黑色;学习内容加粗,下方资源行常规小字黑色;整体简约手绘知识路线卡片风格,字体为无衬线黑体。所有节点左右折返箭头、文字位置、配色、顺序均按照以上描述完全实现。生成一张1242×1600px竖版的AI Agent学习路线图,手绘时间轴风格,纯白色背景。顶部标题是粗体卡通黄色描边黑色大字:"AI Agent学习路线图"。整体是六条横向折返时间轴,黑色横向时间轴线,红色实心箭头做流程指向,每个学习节点使用不同马卡龙浅色系圆角矩形DAY标签,标签文字黑色,下方黑色文字标注学习内容+学习资源,学习内容加粗,学习资源为常规小字。具体结构:
第1行(左→右):浅黄色圆角DAY1,学习内容:AI行业认知,资源:(B站跟李沐学AI),红色箭头指向DAY3;浅粉色圆角DAY3,学习内容:Prompt工程,资源:(B站吴恩达),红色箭头指向DAY5;浅蓝色圆角DAY5,学习内容:DeepSeek/操作,资源:(DeepSeek官方文档),红色箭头向下折返指向DAY7
第2行(右→左):浅绿色圆角DAY7,学习内容:用户故事产品画布,资源:(AI产品经理实战手册),红色箭头指向DAY9;浅紫色圆角DAY9,学习内容:RAG技术精讲,资源:(LangChain中文教程),红色箭头指向DAY11;浅橘色圆角DAY11,学习内容:私有化部署方案,资源:(vLLM部署指南),红色箭头向下折返指向DAY13
第3行(左→右):浅蓝紫色圆角DAY13,学习内容:轻量化模型微调,资源:(Hugging Face PEFT教程),红色箭头指向DAY19;浅黄色圆角DAY19,学习内容:Transformer核心,资源:(B站王树森解析),红色箭头指向DAY24;浅紫色圆角DAY24,学习内容:多模态应用开发,资源:(Stable Diffusion Colab),红色箭头向下折返指向DAY30
第4行(右→左):浅绿色圆角DAY30,学习内容:AI产品设计方法论,资源:(Google AI设计原则),红色箭头指向DAY35;浅蓝色圆角DAY35,学习内容:Agent系统开发,资源:(一站式AI产品知识库),红色箭头指向DAY40;浅灰粉色圆角DAY40,学习内容:AI商业化实战,资源:(B站AI产品变现指南),红色箭头向下折返指向DAY43
第5行(左→右):浅橘色圆角DAY43,学习内容:行业解决方案,资源:(B站实战手册第四章),红色箭头指向DAY45;浅蓝色圆角DAY45,学习内容:前沿技术追踪,资源:(B站李沐每周论文精读),红色箭头指向DAY47;浅绿色圆角DAY47,学习内容:职业发展框架,资源:(B站实战手册第七章),红色箭头向下折返指向DAY50
第6行(右→左):浅灰粉色圆角DAY50,学习内容:AI产品项目实操带学,资源:(专属项目实践),红色箭头指向DAY55;浅粉色圆角DAY55,学习内容:综合项目开发,资源:(个人知识库Agent 多Agent任务助手),红色箭头指向DAY90;浅黄色圆角DAY90,学习内容:梳理项目亮点,资源:(提炼技术栈和解决的问题 优化简历)
视觉规范:背景纯白色,所有时间线为黑色细横线,流转箭头统一红色实心箭头;每个DAY标签使用不同马卡龙浅色系圆角矩形,文字黑色;学习内容加粗,下方资源行常规小字黑色;整体简约手绘知识路线卡片风格,字体为无衬线黑体。所有节点左右折返箭头、文字位置、配色、顺序均按照以上描述完全实现。
创意 × 1
1242 × 1656 px 竖版浅米黄色背景信息图,采用两阶段卡片式布局,整体干净清爽、专业简约风。 第一阶段卡片(顶部): - 标题区:左侧棕黄色竖线,右侧文字「第三阶段 · 2-3个月 AI Agent开发」,黑色加粗标题。 - 模块1:「Agent三大核心能力」,下方三个浅棕黄色圆角框: - 规划:任务拆解、ReAct模式、Chain-of-Thought - 记忆:短期In-Context、长期外部存储、三层记忆架构 - 工具使用:Function Calling、MCP协议、外部API调用 - 模块2:「主流框架实战」,下方三个浅米黄色圆角框: - LangChain / LangGraph:复杂工作流编排、状态图驱动、延迟最低,底部标注「首推」 - CrewAI:多Agent角色链、团队协作场景、Token消耗较高,底部标注「注意避坑」 - AutoGen:对话流编排、代码生成场景、微软生态集成,底部标注「进阶探索」 第二阶段卡片(底部): - 标题区:左侧红棕色竖线,右侧文字「第四阶段 · 贯穿全程 工程化与职业发展」,黑色加粗标题。 - 模块1:「工程化部署能力」,上方浅红棕色框: - Java后端迁移优势:高并发架构 · 服务治理 · 可观测性 直接复用到AI系统设计 下方四个浅红棕色圆角框: - 服务化:RESTful API - 容器化:Docker部署 - 性能优化:量化 · 推理加速 - 监控运维:成本控制 - 模块2:「项目经验积累」,下方两个浅红棕色圆角框: - 开源项目参与:Hugging Face · GitHub社区、AI转型社区 · 同行圈子 - 算法岗方向:Fine-tuning · 数据工程ETL、评估 · 安全合规 · 成本优化 - 底部浅棕黄色长条框:居中文字「核心区分度:工程落地能力 > 单纯会用框架」 底部:居中显示「3/4」页码。 整体风格:所有文字为无衬线字体,标题加粗,模块框用浅棕/浅米黄色背景,边框圆角,排版整齐,干净清爽专业简约风。1242 × 1656 px 竖版浅米黄色背景信息图,采用两阶段卡片式布局,整体干净清爽、专业简约风。

第一阶段卡片(顶部):
- 标题区:左侧棕黄色竖线,右侧文字「第三阶段 · 2-3个月 AI Agent开发」,黑色加粗标题。
- 模块1:「Agent三大核心能力」,下方三个浅棕黄色圆角框:
  - 规划:任务拆解、ReAct模式、Chain-of-Thought
  - 记忆:短期In-Context、长期外部存储、三层记忆架构
  - 工具使用:Function Calling、MCP协议、外部API调用
- 模块2:「主流框架实战」,下方三个浅米黄色圆角框:
  - LangChain / LangGraph:复杂工作流编排、状态图驱动、延迟最低,底部标注「首推」
  - CrewAI:多Agent角色链、团队协作场景、Token消耗较高,底部标注「注意避坑」
  - AutoGen:对话流编排、代码生成场景、微软生态集成,底部标注「进阶探索」

第二阶段卡片(底部):
- 标题区:左侧红棕色竖线,右侧文字「第四阶段 · 贯穿全程 工程化与职业发展」,黑色加粗标题。
- 模块1:「工程化部署能力」,上方浅红棕色框:
  - Java后端迁移优势:高并发架构 · 服务治理 · 可观测性 直接复用到AI系统设计
  下方四个浅红棕色圆角框:
  - 服务化:RESTful API
  - 容器化:Docker部署
  - 性能优化:量化 · 推理加速
  - 监控运维:成本控制
- 模块2:「项目经验积累」,下方两个浅红棕色圆角框:
  - 开源项目参与:Hugging Face · GitHub社区、AI转型社区 · 同行圈子
  - 算法岗方向:Fine-tuning · 数据工程ETL、评估 · 安全合规 · 成本优化
- 底部浅棕黄色长条框:居中文字「核心区分度:工程落地能力 > 单纯会用框架」

底部:居中显示「3/4」页码。

整体风格:所有文字为无衬线字体,标题加粗,模块框用浅棕/浅米黄色背景,边框圆角,排版整齐,干净清爽专业简约风。