创意预览图

去除图片下方的二维码,保留所有原有文字内容,重新调整排版让整体结构协调,保持原海报的蓝色背景、科技风格和所有文字信息不变,保持原海报尺寸和比例

用户头像

GD993350865

2026.06.03
竖版知识卡片,尺寸宽度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,右侧三个浅紫色圆角文字框内容:分发层:团队统一安装;技能、规则、子智能体完全一致;打包技能、规则、智能体;模块分装;一键安装,全队同步

视觉规范:每一层左侧色块和右侧说明框使用相同色系,使用黑色虚线箭头从左侧色块指向右侧文字区域,字体清晰无衬线中文,排版间距元素位置严格按要求,无水印无多余装饰,线条干净整洁,整体居中布局,留白合理,全部使用圆角矩形模块
3:4竖版纯白背景技术流程图,顶部标题「Agent搭建全流程」,「Agent」为红棕色,「搭建全流程」为黑色;下方小字副标题「从0到1构建一个可扩展、可复用的 Agent 项目」,整体为8步纵向彩色流程条,每步左侧圆形序号图标、中间步骤名称、右侧虚线框文件列表+说明文字,100%复刻原图内容与配色: 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/(提示词模版) 右侧说明:按职责划分模块,保持高内聚,便于扩展、测试与团队协作 4. 第4步:淡绿背景 左侧绿色圆形「4」+ 机器人图标,中间文字「定义Agent」 右侧虚线框:AGENTS/、# --INIT--.py、# agent.yaml(Agent配置)、# agent.py(Agent实现) 右侧说明:定义Agent的角色、目标、工具和执行逻辑 5. 第5步:浅黄背景 左侧黄色圆形「5」+ 工具图标,中间文字「集成工具」 右侧虚线框:TOOLS/、# search.py、# calculator.py、# api-client.py 右侧说明:封装可复用工具,支持外部API、计算、检索等能力 6. 第6步:浅粉背景 左侧粉色圆形「6」+ 毕业帽图标,中间文字「开发技能」 右侧虚线框:SKILLS/、# data-analysis.py、# report-generation.py、# code-interpreter.py 右侧说明:实现具体任务能力,组合工具完成复杂操作 7. 第7步:浅青背景 左侧青色圆形「7」+ 齿轮图标,中间文字「接入记忆」 右侧虚线框:MEMORY/、# base.py、# vector-store.py、# histor.db 右侧说明:管理短期会话与长期记忆,支持向量存储与检索 8. 第8步:浅紫背景 左侧紫色圆形「8」+ 火箭图标,中间文字「接入记忆」 右侧虚线框:PROMPTS/、# system.md、# task.md、# examples.md 右侧说明:编写系统提示词与任务模板,提升Agent输出质量与一致性 整体风格:极简商务扁平风,所有文字、图标、配色、排版与原图完全一致,无多余装饰,纯白背景。3:4竖版纯白背景技术流程图,顶部标题「Agent搭建全流程」,「Agent」为红棕色,「搭建全流程」为黑色;下方小字副标题「从0到1构建一个可扩展、可复用的 Agent 项目」,整体为8步纵向彩色流程条,每步左侧圆形序号图标、中间步骤名称、右侧虚线框文件列表+说明文字,100%复刻原图内容与配色:

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/(提示词模版)
右侧说明:按职责划分模块,保持高内聚,便于扩展、测试与团队协作

4. 第4步:淡绿背景
左侧绿色圆形「4」+ 机器人图标,中间文字「定义Agent」
右侧虚线框:AGENTS/、# --INIT--.py、# agent.yaml(Agent配置)、# agent.py(Agent实现)
右侧说明:定义Agent的角色、目标、工具和执行逻辑

5. 第5步:浅黄背景
左侧黄色圆形「5」+ 工具图标,中间文字「集成工具」
右侧虚线框:TOOLS/、# search.py、# calculator.py、# api-client.py
右侧说明:封装可复用工具,支持外部API、计算、检索等能力

6. 第6步:浅粉背景
左侧粉色圆形「6」+ 毕业帽图标,中间文字「开发技能」
右侧虚线框:SKILLS/、# data-analysis.py、# report-generation.py、# code-interpreter.py
右侧说明:实现具体任务能力,组合工具完成复杂操作

7. 第7步:浅青背景
左侧青色圆形「7」+ 齿轮图标,中间文字「接入记忆」
右侧虚线框:MEMORY/、# base.py、# vector-store.py、# histor.db
右侧说明:管理短期会话与长期记忆,支持向量存储与检索

8. 第8步:浅紫背景
左侧紫色圆形「8」+ 火箭图标,中间文字「接入记忆」
右侧虚线框:PROMPTS/、# system.md、# task.md、# examples.md
右侧说明:编写系统提示词与任务模板,提升Agent输出质量与一致性

整体风格:极简商务扁平风,所有文字、图标、配色、排版与原图完全一致,无多余装饰,纯白背景。
High-quality technical infographic titled "一张图看懂 AI Agent 全流程", subtitle "从用户提问到结果返回的 18 步拆解". 6-column vertical flow diagram layout on a white background. Pastel colored headers at the top and bottom for each column. Columns from left to right: 1. 用户 with light purple header and user icon, 2. 智能体(Agent) with orange header and robot icon, 3. 大模型(LLM) with light pink header and brain icon, 4. Skill with teal header and puzzle piece icon, 5. MCP with light blue header and chain link icon, 6. 工具 with light green header and wrench icon. Step-by-step flow with numbered orange/red rounded boxes connected by blue arrows. Steps: 1. 用户提问 (Query) → Agent接收请求 (2), 2. Agent接收请求 → 历史对话与上下文检索 (3), 3. 历史对话与上下文检索 → LLM意图识别与任务拆解 (4), 4. LLM意图识别与任务拆解 → 生成执行计划 (5), 5. 生成执行计划 → Agent接收执行计划 (6), 6. Agent接收执行计划 → 判断是否需要Skill / 工具 (7), 7. 判断是否需要Skill / 工具 → 匹配合适Skill (8), 8. 匹配合适Skill → Skill封装任务流程与参数模板 (9), 9. Skill封装任务流程与参数模板 → LLM补全调用参数 (10), 10. LLM补全调用参数 → Agent发送调用请求到MCP (11), 11. Agent发送调用请求到MCP → MCP工具发现与选择 (12), 12. MCP工具发现与选择 → MCP调用具体工具API (13), 13. MCP调用具体工具API → 工具执行具体任务 (14), 14. 工具执行具体任务 → MCP接收执行结果 (15), 15. MCP接收执行结果 → Agent整合Skill输出、工具结果与上下文 (16), 16. Agent整合Skill输出、工具结果与上下文 → LLM生成最终回答 (17), 17. LLM生成最终回答 → Agent向用户返回结果 (18). Add a green dashed box in the Skill column that contains the text explanation: "Skill: 可复用的能力模块,用来封装固定流程、提示词模板或领域能力。". All text uses clear sans-serif Chinese font, numbered steps use orange/red circles. Flat design style, no shadows, clean lines, all colors are matching pastel tones. Professional, technical and easy to read, suitable for learning materials. Aspect ratio 3:4 vertical layout.High-quality technical infographic titled "一张图看懂 AI Agent 全流程", subtitle "从用户提问到结果返回的 18 步拆解". 6-column vertical flow diagram layout on a white background. Pastel colored headers at the top and bottom for each column. Columns from left to right: 1. 用户 with light purple header and user icon, 2. 智能体(Agent) with orange header and robot icon, 3. 大模型(LLM) with light pink header and brain icon, 4. Skill with teal header and puzzle piece icon, 5. MCP with light blue header and chain link icon, 6. 工具 with light green header and wrench icon. Step-by-step flow with numbered orange/red rounded boxes connected by blue arrows. Steps: 1. 用户提问 (Query) → Agent接收请求 (2), 2. Agent接收请求 → 历史对话与上下文检索 (3), 3. 历史对话与上下文检索 → LLM意图识别与任务拆解 (4), 4. LLM意图识别与任务拆解 → 生成执行计划 (5), 5. 生成执行计划 → Agent接收执行计划 (6), 6. Agent接收执行计划 → 判断是否需要Skill / 工具 (7), 7. 判断是否需要Skill / 工具 → 匹配合适Skill (8), 8. 匹配合适Skill → Skill封装任务流程与参数模板 (9), 9. Skill封装任务流程与参数模板 → LLM补全调用参数 (10), 10. LLM补全调用参数 → Agent发送调用请求到MCP (11), 11. Agent发送调用请求到MCP → MCP工具发现与选择 (12), 12. MCP工具发现与选择 → MCP调用具体工具API (13), 13. MCP调用具体工具API → 工具执行具体任务 (14), 14. 工具执行具体任务 → MCP接收执行结果 (15), 15. MCP接收执行结果 → Agent整合Skill输出、工具结果与上下文 (16), 16. Agent整合Skill输出、工具结果与上下文 → LLM生成最终回答 (17), 17. LLM生成最终回答 → Agent向用户返回结果 (18). Add a green dashed box in the Skill column that contains the text explanation: "Skill: 可复用的能力模块,用来封装固定流程、提示词模板或领域能力。". All text uses clear sans-serif Chinese font, numbered steps use orange/red circles. Flat design style, no shadows, clean lines, all colors are matching pastel tones. Professional, technical and easy to read, suitable for learning materials. Aspect ratio 3:4 vertical layout.
生成一张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
竖版纯白背景彩色分区表格流程图,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×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完全一致。
设计AI Club启动活动分享长图海报,整体为商务简约科技风格,分五个区域排版:1. 顶部第一屏占35%,左上角小字"DPQ AIgnite|AI Club Kick-off",中间最大字号大字"首期主题:Copilot让日常工作更有效率(一场看完就能上手的AI实践分享)",下方横向卡片放置清晰的嘉宾头像,文字为:庞文燕 Sales Manager|STK KA-East 2026年5月29日 14:00-15:00,右上角添加AI字样装饰图;2. 第二屏占25%,文字"DPQ AIgnite | AI Club 正式启动 用 AI,让工作和生活发生改变",字号小于主题,大于下文;3. 第三屏占15%,标题"为什么加入 AI Club?",带对勾列表:✔ 提升 AI 意识 ✔ 提升 AI 应用质量 ✔ 利用 AI 带来真实改变;4. 第四屏占20%,文字分WHAT和HOW两部分:WHAT(活动内容)活动一:AI 玩转时间(固定每周五) 实用技巧|真实案例|即学即用 活动二:AI 应用互动积分挑战 在DPQ Viva Engage平台分享,每月累积积分赢好礼 活动三:AI 分享达人招募 工作、生活、兴趣技能都可,每一次分享送好礼;HOW(参与方式)活动一:参加每周AI分享(线下/线上) 活动二:登录DPQ Viva Engage平台分享应用 活动三:带上您的小技巧,联系HR成为分享嘉宾,该区域使用小字号深色做视觉弱化;5. 底部底栏:文字"学习|分享|实践|成长|改变 让 AI 成为我们的工作与生活伙伴",直接做文字排版。嘉宾头像使用提供的这张商务证件照,保持清晰有存在感,不抢主题风头设计AI Club启动活动分享长图海报,整体为商务简约科技风格,分五个区域排版:1. 顶部第一屏占35%,左上角小字"DPQ AIgnite|AI Club Kick-off",中间最大字号大字"首期主题:Copilot让日常工作更有效率(一场看完就能上手的AI实践分享)",下方横向卡片放置清晰的嘉宾头像,文字为:庞文燕 Sales Manager|STK KA-East 2026年5月29日 14:00-15:00,右上角添加AI字样装饰图;2. 第二屏占25%,文字"DPQ AIgnite | AI Club 正式启动 用 AI,让工作和生活发生改变",字号小于主题,大于下文;3. 第三屏占15%,标题"为什么加入 AI Club?",带对勾列表:✔ 提升 AI 意识 ✔ 提升 AI 应用质量 ✔ 利用 AI 带来真实改变;4. 第四屏占20%,文字分WHAT和HOW两部分:WHAT(活动内容)活动一:AI 玩转时间(固定每周五) 实用技巧|真实案例|即学即用 活动二:AI 应用互动积分挑战 在DPQ Viva Engage平台分享,每月累积积分赢好礼 活动三:AI 分享达人招募 工作、生活、兴趣技能都可,每一次分享送好礼;HOW(参与方式)活动一:参加每周AI分享(线下/线上) 活动二:登录DPQ Viva Engage平台分享应用 活动三:带上您的小技巧,联系HR成为分享嘉宾,该区域使用小字号深色做视觉弱化;5. 底部底栏:文字"学习|分享|实践|成长|改变 让 AI 成为我们的工作与生活伙伴",直接做文字排版。嘉宾头像使用提供的这张商务证件照,保持清晰有存在感,不抢主题风头