创意预览图

公众号内容图片，展示一个竖版流程图：用户输入任务 → Agent 理解目标 → 拆解步骤 → 调用工具 → 检查结果 → 继续执行 → 输出最终结果。图片要有工程科技感，深蓝色和金属灰色搭配，科技发光

用户头像

GD902511455

2026.04.05
GD351698660GD351698660
GD351698660GD351698660
刘程源刘程源
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
GD271069151GD271069151
GD271069151GD271069151
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
1q00yolscb-HB1q00yolscb-HB
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.
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-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
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
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
竖版知识卡片，尺寸宽度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
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
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
695kvtzlq3Duqpw-HB695kvtzlq3Duqpw-HB
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
1qnziem8v5dUBOjA-HB1qnziem8v5dUBOjA-HB