创意预览图

竖版3:4技术科普海报,纯白色背景,简约卡通扁平化风格。整体无多余阴影、无多余装饰,排版配色完全符合要求。 顶部大标题:"AI"蓝色加粗大字,"的七层关系"黑色超粗黑体。 标题下方是5行说明文案,关键

用户头像

1q4ior2bms1...

2026.06.02
竖版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",中文黑色加粗"= 管家的各项手艺 / 技能包",下方黑色正文"比如查资料、做表格、翻译、计算、联网搜索。是管家的一身本事,没有对应技能,再聪明也干不了专属活。";整体风格极简干净,无多余图标阴影,纯文字卡片排版,排版间距均匀对齐
1242 × 1656 px 竖版纯白背景极简科普流程图,干净简约商务手绘风格,无多余阴影,圆角色块+彩色箭头搭配卡通小图标。 顶部标题: 黑色+红色混合加粗大字:"一张图看懂LLM、Agent、Skills、MCP四者关系" 其中「Agent、Skills、MCP」文字为红色,其余标题文字黑色。 左侧纵向四层彩色圆角模块,自上而下依次排列,绿色箭头向下串联层级: 1. 第一层橙色框 LLM,内部文字:"LLM\n大模型(大脑)" 向右橙色箭头指向右侧浅蓝色圆角框,框内机器人卡通图标+文字「聊天机器人」,箭头旁灰色小字标注:你只用大模型 2. 第二层蓝色框 Agent,内部文字:"Agent\n员工本体+循环逻辑" 向右蓝紫色箭头指向右侧浅蓝圆角手机图标框,文字「个人自动化助理」,箭头旁红色小字标注:用Agent + Skills 3. 第三层绿色框 Skills,内部文字:"Skills\n员工手册+专业能力" 向右绿色箭头指向最下方大白色边框模块 4. 第四层紫色框 MCP,内部文字:"MCP\n公司IT系统+设备接口" 向左上方紫色曲线箭头标注文字:再加上MCP,连接Agent与Skills层级;向右紫色箭头指向最下方大模块 右下角大号白色边框圆角模块: 内部绘制卡通组合图标:齿轮、数据库、地球、服务器、机械臂、电脑屏幕 下方黑色文字:"企业级、生产级、可规模化的AI系统" 箭头与配色规范: LLM向下箭头:橙色;Agent向下箭头:蓝绿色;Skills向下箭头:深绿色; 所有箭头线条柔和,文字无衬线字体,排版、文字位置、色块尺寸、图标样式1:1复刻要求结构,整体干净简约1242 × 1656 px 竖版纯白背景极简科普流程图,干净简约商务手绘风格,无多余阴影,圆角色块+彩色箭头搭配卡通小图标。
顶部标题:
黑色+红色混合加粗大字:"一张图看懂LLM、Agent、Skills、MCP四者关系"
其中「Agent、Skills、MCP」文字为红色,其余标题文字黑色。
左侧纵向四层彩色圆角模块,自上而下依次排列,绿色箭头向下串联层级:
1. 第一层橙色框 LLM,内部文字:"LLM\n大模型(大脑)"
向右橙色箭头指向右侧浅蓝色圆角框,框内机器人卡通图标+文字「聊天机器人」,箭头旁灰色小字标注:你只用大模型
2. 第二层蓝色框 Agent,内部文字:"Agent\n员工本体+循环逻辑"
向右蓝紫色箭头指向右侧浅蓝圆角手机图标框,文字「个人自动化助理」,箭头旁红色小字标注:用Agent + Skills
3. 第三层绿色框 Skills,内部文字:"Skills\n员工手册+专业能力"
向右绿色箭头指向最下方大白色边框模块
4. 第四层紫色框 MCP,内部文字:"MCP\n公司IT系统+设备接口"
向左上方紫色曲线箭头标注文字:再加上MCP,连接Agent与Skills层级;向右紫色箭头指向最下方大模块

右下角大号白色边框圆角模块:
内部绘制卡通组合图标:齿轮、数据库、地球、服务器、机械臂、电脑屏幕
下方黑色文字:"企业级、生产级、可规模化的AI系统"

箭头与配色规范:
LLM向下箭头:橙色;Agent向下箭头:蓝绿色;Skills向下箭头:深绿色;
所有箭头线条柔和,文字无衬线字体,排版、文字位置、色块尺寸、图标样式1:1复刻要求结构,整体干净简约
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.
生成一张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
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配色、无多余装饰。