创意预览图

3:4竖版纯白背景流程图，顶部红色加粗标题：“Agent-智能体”，整体为彩色圆角矩形流程图，黑色箭头连接，文字与需求完全一致。节点顺序与配色：1. 顶部中心橙色圆角矩形“输入”，黑色箭头标注“接收”

用户头像

1r3x60wydth...

2026.06.08
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1q00yolscb-HB1q00yolscb-HB
GD351698660GD351698660
GD351698660GD351698660
刘程源刘程源
竖版纯白背景彩色分区表格流程图，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核心能力"，包含项目：记忆存储、记忆检索、记忆更新、记忆忘却、上下文管理、长短期记忆协同。每列对应浅色系背景色，表头带简约扁平化图标；每个步骤为白色圆角矩形框，内部黑色文字加带圆圈数字序号；数据流转使用统一蓝色实线箭头，字体为常规无衬线黑体，标题加粗，所有文字内容、配色、布局、箭头走向严格按照要求还原。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
GD271069151GD271069151
GD271069151GD271069151
GD624723022GD624723022
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.
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
1qfuwb8lsjVfbLXA-HB1qfuwb8lsjVfbLXA-HB
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输出质量与一致性 整体风格：极简商务扁平风，所有文字、图标、配色、排版与原图完全一致，无多余装饰，纯白背景。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
竖版3:4科普流程图海报，纯白色背景，极简扁平手绘风，无阴影无多余装饰。顶部标题：大模型Agent为暖棕衬线粗字体，下方搭建全流程黑色粗黑体，中间一根黑色短横线分隔标题。主体是Agent闭环流程图，全用圆角矩形色块+黑色实心箭头连线，配色严格如下：1. 最顶部：浅绿圆角框【Query（用户输入的任务）】→向下箭头指向浅蓝色框【请求LLM】；2. 左侧圆柱图标【histories】，箭头标注「提供上下文」指向【请求LLM】，底部箭头标注「更新历史」从【Observation】回连histories；3. 虚线方框标注：Agent思维与行动循环，内部左列3个浅橘色块：Thinking、Action、Action Input；右列3个浅蓝色说明框：怎么解决用户的问题，原因、需要调用的Function、Function调用的参数；右侧标注「内部迭代」箭头循环；4. 循环模块向右箭头指向右侧浅棕竖框Functions库，内部竖排：预约会议、取消会议、查找文档、澄清问题、…；标注「内部调用」；Functions库向左回箭头指向【Function调用/用户澄清结果】，标注「调用反馈」；5. 循环模块向下箭头→橘红色块【Observation】→浅蓝框【Function调用/用户澄清结果】；6. 【Function调用/用户澄清结果】向下箭头分两路汇合：浅绿块【Final Answer】+浅青块【Task最终结果】，标注「生成回答」；7. 最底部：浅灰外框，内部左橙块【智能卡片结果】，中间小字or，右橙块【自然语言结果】，整体标注「交互展示」；全部中文、英文、标注文字一字不差，箭头走向、色块配色、排版布局完全按照描述，简约技术科普图。竖版3:4科普流程图海报，纯白色背景，极简扁平手绘风，无阴影无多余装饰。顶部标题：大模型Agent为暖棕衬线粗字体，下方搭建全流程黑色粗黑体，中间一根黑色短横线分隔标题。主体是Agent闭环流程图，全用圆角矩形色块+黑色实心箭头连线，配色严格如下：1. 最顶部：浅绿圆角框【Query（用户输入的任务）】→向下箭头指向浅蓝色框【请求LLM】；2. 左侧圆柱图标【histories】，箭头标注「提供上下文」指向【请求LLM】，底部箭头标注「更新历史」从【Observation】回连histories；3. 虚线方框标注：Agent思维与行动循环，内部左列3个浅橘色块：Thinking、Action、Action Input；右列3个浅蓝色说明框：怎么解决用户的问题，原因、需要调用的Function、Function调用的参数；右侧标注「内部迭代」箭头循环；4. 循环模块向右箭头指向右侧浅棕竖框Functions库，内部竖排：预约会议、取消会议、查找文档、澄清问题、…；标注「内部调用」；Functions库向左回箭头指向【Function调用/用户澄清结果】，标注「调用反馈」；5. 循环模块向下箭头→橘红色块【Observation】→浅蓝框【Function调用/用户澄清结果】；6. 【Function调用/用户澄清结果】向下箭头分两路汇合：浅绿块【Final Answer】+浅青块【Task最终结果】，标注「生成回答」；7. 最底部：浅灰外框，内部左橙块【智能卡片结果】，中间小字or，右橙块【自然语言结果】，整体标注「交互展示」；全部中文、英文、标注文字一字不差，箭头走向、色块配色、排版布局完全按照描述，简约技术科普图。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
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完全一致。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
GD267897679GD267897679
GD267897679GD267897679
1r3akv14i9H7UAPg-HB1r3akv14i9H7UAPg-HB
GD948216206GD948216206
3:4竖版纯白背景极简手绘风技术流程图，顶部标题"从0构建 AI Agent"蓝色粗体，下方小字副标题"一张图看懂智能体的核心组成、工作闭环与扩展能力"。左侧带蓝色圆圈序号01-05，从上到下纵向流程：01：大脑图标 + LLM（大语言模型），右侧文字"负责理解、推理与生成"；02：API图标 + LLM API，右侧文字"厂商通过HTTP提供调用能力"；03：对话气泡图标 + Context（上下文），右侧文字"客户端维护对话历史与当前状态"；04：扳手图标 + Tool Calling（工具调用），右侧文字"告诉LLM它有哪些工具可用"；05：绿色方框Agent Loop（智能体循环），内部绿色循环图：Think（思考）→Act（行动）→Observe（观察）→再思考，右侧文字"让模型从“会回答”走向“会执行”"。Agent Loop下方横向分支：1. 插座图标 + MCP协议，下方文字"标准化工具对接"；2. 双人图标 + Sub-Agent，下方文字"多智能体分工协作"；3. 书本图标 + Agent Skill，下方文字"可复用流程封装"。右侧关键要点虚线框：标题"关键要点"，内5条文字：① Agent不等于单个模型，而是模型 + 上下文 + 工具 + 循环。② LLM提供大脑，API提供接入方式。③ Context决定模型此刻“看见了什么”。④ Tool Calling让模型具备调用外部能力的入口。⑤ MCP、Sub-Agent、Skill分别解决接入、协作、复用。底部蓝色横幅框，左侧五角星图标，文字"AI Agent的本质：让LLM接入工具、带着上下文，在循环中完成任务。"，其中"让LLM接入工具、带着上下文，在循环中完成任务"加蓝色下划线。整体风格：简约手绘线框、蓝色主色调、绿色Agent Loop配色、无多余装饰。3:4竖版纯白背景极简手绘风技术流程图，顶部标题"从0构建 AI Agent"蓝色粗体，下方小字副标题"一张图看懂智能体的核心组成、工作闭环与扩展能力"。左侧带蓝色圆圈序号01-05，从上到下纵向流程：01：大脑图标 + LLM（大语言模型），右侧文字"负责理解、推理与生成"；02：API图标 + LLM API，右侧文字"厂商通过HTTP提供调用能力"；03：对话气泡图标 + Context（上下文），右侧文字"客户端维护对话历史与当前状态"；04：扳手图标 + Tool Calling（工具调用），右侧文字"告诉LLM它有哪些工具可用"；05：绿色方框Agent Loop（智能体循环），内部绿色循环图：Think（思考）→Act（行动）→Observe（观察）→再思考，右侧文字"让模型从“会回答”走向“会执行”"。Agent Loop下方横向分支：1. 插座图标 + MCP协议，下方文字"标准化工具对接"；2. 双人图标 + Sub-Agent，下方文字"多智能体分工协作"；3. 书本图标 + Agent Skill，下方文字"可复用流程封装"。右侧关键要点虚线框：标题"关键要点"，内5条文字：① Agent不等于单个模型，而是模型 + 上下文 + 工具 + 循环。② LLM提供大脑，API提供接入方式。③ Context决定模型此刻“看见了什么”。④ Tool Calling让模型具备调用外部能力的入口。⑤ MCP、Sub-Agent、Skill分别解决接入、协作、复用。底部蓝色横幅框，左侧五角星图标，文字"AI Agent的本质：让LLM接入工具、带着上下文，在循环中完成任务。"，其中"让LLM接入工具、带着上下文，在循环中完成任务"加蓝色下划线。整体风格：简约手绘线框、蓝色主色调、绿色Agent Loop配色、无多余装饰。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB