创意预览图

High-quality technical infographic titled "一张图看懂 AI Agent 全流程", subtitle "从用户提问到结果返回的 18 步拆解". 6-col

用户头像

1q4ior2bms1...

2026.06.01
GD351698660GD351698660
GD351698660GD351698660
1q00yolscb-HB1q00yolscb-HB
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
GD271069151GD271069151
GD271069151GD271069151
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
生成一张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
GD351698660GD351698660
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
GD351698660GD351698660
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
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1q0shu4xvyssbgo6-HB1q0shu4xvyssbgo6-HB
刘程源刘程源
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
栗椰绵绵冰🍧🍧栗椰绵绵冰🍧🍧
竖版纯白背景彩色分区表格流程图，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
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-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
竖版知识卡片，尺寸宽度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，右侧三个浅紫色圆角文字框内容：分发层：团队统一安装；技能、规则、子智能体完全一致；打包技能、规则、智能体；模块分装；一键安装，全队同步 视觉规范：每一层左侧色块和右侧说明框使用相同色系，使用黑色虚线箭头从左侧色块指向右侧文字区域，字体清晰无衬线中文，排版间距元素位置严格按要求，无水印无多余装饰，线条干净整洁，整体居中布局，留白合理，全部使用圆角矩形模块
GD271069151GD271069151
1qnziem8v5dUBOjA-HB1qnziem8v5dUBOjA-HB
KAFAKAKAFAKA
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB