创意预览图

1242 × 1656 px 竖版纯白背景极简科普流程图，干净简约商务手绘风格，无多余阴影，圆角色块+彩色箭头搭配卡通小图标。 顶部标题： 黑色+红色混合加粗大字："一张图看懂LLM、Agent、Sk

用户头像

1r3x60wydth...

2026.06.16
GD271069151GD271069151
GD271069151GD271069151
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
竖版3:4技术科普海报，纯白色背景，简约卡通扁平化风格。整体无多余阴影、无多余装饰，排版配色完全符合要求。 顶部大标题："AI"蓝色加粗大字，"的七层关系"黑色超粗黑体。 标题下方是5行说明文案，关键词按要求变色： 你说出提示词，交给<orange>Agent</orange>大管家； 所有沟通内容拆成<blue>Token</blue>记录，全部存入<green>上下文备忘录</green>； <red>Harness</red>家规全程约束管家行为，不乱干活； 管家通过<blue>MCP</blue>联络中枢，外接各类资源； 再调用自身的<purple>Skills</purple>技能，一步步自主完成你交代的所有任务。 下半部分是7阶阶梯结构图，从下往上是1到7层，阶梯侧边浅蓝渐变。阶梯从底层1到顶层7逐层向上，每层都是白色圆角阶梯块： 第一层（底层）：紫色圆形数字1+芯片图标，文字"Token：模型理解的最小单位" 第二层：蓝色圆形数字2+对话气泡图标，文字"提示词：告诉模型要做什么" 第三层：绿色圆形数字3+文档图标，文字"上下文：提供相关背景信息" 第四层：橙色圆形数字4+机器人图标，文字"Agent：自主决策与执行的智能体" 第五层：紫色圆形数字5+齿轮传动图标，文字"Harness：编排与运行的工程框架" 第六层：红色圆形数字6+网状节点图标，文字"MCP：连接与扩展的协议层" 第七层（顶层）：蓝色圆形数字7+星星清单图标，文字"Skills：可复用的能力与经验"竖版3:4技术科普海报，纯白色背景，简约卡通扁平化风格。整体无多余阴影、无多余装饰，排版配色完全符合要求。 顶部大标题："AI"蓝色加粗大字，"的七层关系"黑色超粗黑体。 标题下方是5行说明文案，关键词按要求变色： 你说出提示词，交给<orange>Agent</orange>大管家； 所有沟通内容拆成<blue>Token</blue>记录，全部存入<green>上下文备忘录</green>； <red>Harness</red>家规全程约束管家行为，不乱干活； 管家通过<blue>MCP</blue>联络中枢，外接各类资源； 再调用自身的<purple>Skills</purple>技能，一步步自主完成你交代的所有任务。 下半部分是7阶阶梯结构图，从下往上是1到7层，阶梯侧边浅蓝渐变。阶梯从底层1到顶层7逐层向上，每层都是白色圆角阶梯块： 第一层（底层）：紫色圆形数字1+芯片图标，文字"Token：模型理解的最小单位" 第二层：蓝色圆形数字2+对话气泡图标，文字"提示词：告诉模型要做什么" 第三层：绿色圆形数字3+文档图标，文字"上下文：提供相关背景信息" 第四层：橙色圆形数字4+机器人图标，文字"Agent：自主决策与执行的智能体" 第五层：紫色圆形数字5+齿轮传动图标，文字"Harness：编排与运行的工程框架" 第六层：红色圆形数字6+网状节点图标，文字"MCP：连接与扩展的协议层" 第七层（顶层）：蓝色圆形数字7+星星清单图标，文字"Skills：可复用的能力与经验"
1q4ior2bms1mhpe8j-HB1q4ior2bms1mhpe8j-HB
GD351698660GD351698660
GD351698660GD351698660
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
1q00yolscb-HB1q00yolscb-HB
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
GD234265025GD234265025
竖版3:4科普海报，纯白色底色，从上到下均匀排布7个圆角白色方框，每个方框带浅淡对应色系细边框；第一个模块：左侧蓝色实心圆角方块配白色数字1，标题蓝色高亮英文"Token"，中文黑色加粗"= 文字最小颗粒（文字米粒）"，下方黑色正文"所有对话、指令、资料，都会被拆成一粒粒「文字米粒」。不管是人说话还是 AI 回复，都靠一粒粒 Token 承载，也是计量工作量的最小单位。"；第二个模块：左侧紫色实心圆角方块配白色数字2，标题紫色高亮英文"提示词"，中文黑色加粗"= 你的口头吩咐"，下方黑色正文"就是你给管家下达的直接命令，比如“帮我整理资料、查数据、写总结”，是一切工作的起点。"；第三个模块：左侧绿色实心圆角方块配白色数字3，标题绿色高亮英文"上下文"，中文黑色加粗"= 聊天全程备忘录"，下方黑色正文"你和管家从头到尾的所有对话记录，管家靠着这份备忘录记住前因后果，不会忘事、不会聊跑偏；备忘录页数有限，满了就会忘记前面内容。"；第四个模块：左侧橙黄色实心圆角方块配白色数字4，标题橙黄色高亮英文"Agent"，中文黑色加粗"= 全能自主大管家"，下方黑色正文"核心主角，主动思考、自主办事。不只死板听一句话，会拆解你的吩咐、自己规划步骤、调动工具完成整套任务。"；第五个模块：左侧红色实心圆角方块配白色数字5，标题红色高亮英文"Harness"，中文黑色加粗"= 家规 + 管理制度"，下方黑色正文"用来约束、管控大管家。划定能干啥、不能干啥、权限多大、做事流程规矩，防止乱操作、越界出错，起到风控和规范作用。"；第六个模块：左侧宝蓝色实心圆角方块配白色数字6，标题宝蓝色高亮英文"MCP"，中文黑色加粗"= 内部联络总交换机"，下方黑色正文"相当于办公室总通讯枢纽，打通各个工具、部门、资料库。让管家能顺畅对接各类外部资源，实现跨工具、跨模块联动配合。"；第七个模块：左侧深紫色实心圆角方块配白色数字7，标题深紫色高亮英文"Skills"，中文黑色加粗"= 管家的各项手艺 / 技能包"，下方黑色正文"比如查资料、做表格、翻译、计算、联网搜索。是管家的一身本事，没有对应技能，再聪明也干不了专属活。"；整体风格极简干净，无多余图标阴影，纯文字卡片排版，排版间距均匀对齐竖版3:4科普海报，纯白色底色，从上到下均匀排布7个圆角白色方框，每个方框带浅淡对应色系细边框；第一个模块：左侧蓝色实心圆角方块配白色数字1，标题蓝色高亮英文"Token"，中文黑色加粗"= 文字最小颗粒（文字米粒）"，下方黑色正文"所有对话、指令、资料，都会被拆成一粒粒「文字米粒」。不管是人说话还是 AI 回复，都靠一粒粒 Token 承载，也是计量工作量的最小单位。"；第二个模块：左侧紫色实心圆角方块配白色数字2，标题紫色高亮英文"提示词"，中文黑色加粗"= 你的口头吩咐"，下方黑色正文"就是你给管家下达的直接命令，比如“帮我整理资料、查数据、写总结”，是一切工作的起点。"；第三个模块：左侧绿色实心圆角方块配白色数字3，标题绿色高亮英文"上下文"，中文黑色加粗"= 聊天全程备忘录"，下方黑色正文"你和管家从头到尾的所有对话记录，管家靠着这份备忘录记住前因后果，不会忘事、不会聊跑偏；备忘录页数有限，满了就会忘记前面内容。"；第四个模块：左侧橙黄色实心圆角方块配白色数字4，标题橙黄色高亮英文"Agent"，中文黑色加粗"= 全能自主大管家"，下方黑色正文"核心主角，主动思考、自主办事。不只死板听一句话，会拆解你的吩咐、自己规划步骤、调动工具完成整套任务。"；第五个模块：左侧红色实心圆角方块配白色数字5，标题红色高亮英文"Harness"，中文黑色加粗"= 家规 + 管理制度"，下方黑色正文"用来约束、管控大管家。划定能干啥、不能干啥、权限多大、做事流程规矩，防止乱操作、越界出错，起到风控和规范作用。"；第六个模块：左侧宝蓝色实心圆角方块配白色数字6，标题宝蓝色高亮英文"MCP"，中文黑色加粗"= 内部联络总交换机"，下方黑色正文"相当于办公室总通讯枢纽，打通各个工具、部门、资料库。让管家能顺畅对接各类外部资源，实现跨工具、跨模块联动配合。"；第七个模块：左侧深紫色实心圆角方块配白色数字7，标题深紫色高亮英文"Skills"，中文黑色加粗"= 管家的各项手艺 / 技能包"，下方黑色正文"比如查资料、做表格、翻译、计算、联网搜索。是管家的一身本事，没有对应技能，再聪明也干不了专属活。"；整体风格极简干净，无多余图标阴影，纯文字卡片排版，排版间距均匀对齐
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
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 × 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」页码。 整体风格：所有文字为无衬线字体，标题加粗，模块框用浅棕/浅米黄色背景，边框圆角，排版整齐，干净清爽专业简约风。
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
Tammy C🦋Tammy C🦋
1q4ynf1vlg7vg6g3-HB1q4ynf1vlg7vg6g3-HB
1q7v5rajsg-HB1q7v5rajsg-HB
1q7v5rajsg-HB1q7v5rajsg-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
竖版知识卡片，尺寸宽度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
1r3x60wydthP9nqw-HB1r3x60wydthP9nqw-HB
GD234265025GD234265025
1qnziem8v5dUBOjA-HB1qnziem8v5dUBOjA-HB
1q0pgyzcmw-HB1q0pgyzcmw-HB
GD351698660GD351698660