创意预览图

红白色调图文设计,包含完整文字内容:"小白想做coding,就这么跟Agent说:我是一个不懂技术的新手用户,对技术不熟悉,个人要求比较高,描述可能不够清晰,每次提出的需求都不是专业技术用语,希望你能

用户头像

67fmy9ye8-H...

2026.06.16
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输出质量与一致性

整体风格:极简商务扁平风,所有文字、图标、配色、排版与原图完全一致,无多余装饰,纯白背景。
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完全一致。
竖版知识卡片,尺寸宽度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,右侧三个浅紫色圆角文字框内容:分发层:团队统一安装;技能、规则、子智能体完全一致;打包技能、规则、智能体;模块分装;一键安装,全队同步

视觉规范:每一层左侧色块和右侧说明框使用相同色系,使用黑色虚线箭头从左侧色块指向右侧文字区域,字体清晰无衬线中文,排版间距元素位置严格按要求,无水印无多余装饰,线条干净整洁,整体居中布局,留白合理,全部使用圆角矩形模块
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」页码。

整体风格:所有文字为无衬线字体,标题加粗,模块框用浅棕/浅米黄色背景,边框圆角,排版整齐,干净清爽专业简约风。
1242 × 1656 px 竖版纯白背景信息架构图,采用「目录树 + 分栏说明」布局,整体干净清爽,专业商务风。 - 顶部:左侧是红色太阳状图标,右侧是黑色粗体标题文字:"我的 Skills 文件结构"。 - 左侧区域:绘制文件系统目录树,使用不同颜色的文件夹图标: - 绿色根文件夹:"skills/" - 子文件夹颜色:粉色 "writing/"、蓝色 "coding/"、紫色 "ai-workflow/"、绿色 "design/"、橙色 "research/"、青色 "productivity/"、棕色 "automation/" - 文件夹下的文件用白色矩形+文件图标表示,文件名分别为: writing/:xiaohongshu-copy.md、tweet-thread.md、product-prd.md、seo-article.md coding/:react-component.md、python-script.md、api-design.md、debug-fix.md ai-workflow/:prompt-engineering.md、rag-workflow.md、multi-agent.md、evaluation.md design/:ui-analysis.md、landing-page.md、xiaohongshu-cover.md、visual-system.md research/:竞品分析.md、用户调研.md、行业报告.md、ai-trend.md productivity/:daily-review.md、meeting-summary.md、task-breakdown.md、roadmap-planning.md automation/:n8n-workflow.md、dify-app.md、webhook-config.md、batch-generation.md - 根目录下还有 "README.md" 和 "skills-index.md",带文件图标。 - 右侧区域:分栏展示每个目录的说明,每个说明块用不同的浅色调背景: 1. skills/(浅绿色背景):标题 "skills/ - 技能模块库",内容:存放可复用的 AI 技能 Prompt、按场景拆分能力模块、支持 Agent 自动调用 2. writing/(浅粉色背景):标题 "writing/ - 内容生成",内容:小红书文案、爆款标题、PRD 撰写、产品文档、SEO 长文、知识文章、Twitter Thread 等社交内容 3. coding/(浅蓝色背景):标题 "coding/ - 开发辅助",内容:React 组件、页面生成、Python 脚本、算法实现、API 设计、接口文档、Debug 定位与修复 4. ai-workflow/(浅紫色背景):标题 "ai-workflow/ - AI 工作流",内容:Prompt Engineering 技巧、RAG 检索增强生成流程、Multi-Agent 协作模板、评测标准与效果验证 5. design/(浅绿色背景):标题 "design/ - 设计能力",内容:UI 界面分析与改进建议、落地页、Banner 设计生成、小红书封面、海报设计、视觉系统与设计规范 6. research/(浅橙色背景):标题 "research/ - 研究分析",内容:竞品分析与对比、用户调研与需求洞察、行业报告与趋势分析、AI 产品趋势追踪 7. productivity/(浅青色背景):标题 "productivity/ - 效率管理",内容:日报、周报、复盘总结、任务拆解与优先级规划、Roadmap 规划与执行跟踪、会议纪要与要点整理 8. automation/(浅棕色背景):标题 "automation/ - 自动化能力",内容:n8n 工作流模板、Dify 应用开发模板、Webhook 配置与集成、批量生成与自动化任务 9. README.md 和 skills-index.md(浅灰色背景):README.md:项目说明、使用指南和贡献规范;skills-index.md:技能索引、标签管理与使用说明 - 字体:标题用粗体无衬线字体,正文用常规无衬线字体,所有文字对齐整齐,目录树用灰色连接线,整体风格干净清爽专业商务。1242 × 1656 px 竖版纯白背景信息架构图,采用「目录树 + 分栏说明」布局,整体干净清爽,专业商务风。
- 顶部:左侧是红色太阳状图标,右侧是黑色粗体标题文字:"我的 Skills 文件结构"。
- 左侧区域:绘制文件系统目录树,使用不同颜色的文件夹图标:
  - 绿色根文件夹:"skills/"
  - 子文件夹颜色:粉色 "writing/"、蓝色 "coding/"、紫色 "ai-workflow/"、绿色 "design/"、橙色 "research/"、青色 "productivity/"、棕色 "automation/"
  - 文件夹下的文件用白色矩形+文件图标表示,文件名分别为:
    writing/:xiaohongshu-copy.md、tweet-thread.md、product-prd.md、seo-article.md
    coding/:react-component.md、python-script.md、api-design.md、debug-fix.md
    ai-workflow/:prompt-engineering.md、rag-workflow.md、multi-agent.md、evaluation.md
    design/:ui-analysis.md、landing-page.md、xiaohongshu-cover.md、visual-system.md
    research/:竞品分析.md、用户调研.md、行业报告.md、ai-trend.md
    productivity/:daily-review.md、meeting-summary.md、task-breakdown.md、roadmap-planning.md
    automation/:n8n-workflow.md、dify-app.md、webhook-config.md、batch-generation.md
  - 根目录下还有 "README.md" 和 "skills-index.md",带文件图标。
- 右侧区域:分栏展示每个目录的说明,每个说明块用不同的浅色调背景:
  1. skills/(浅绿色背景):标题 "skills/ - 技能模块库",内容:存放可复用的 AI 技能 Prompt、按场景拆分能力模块、支持 Agent 自动调用
  2. writing/(浅粉色背景):标题 "writing/ - 内容生成",内容:小红书文案、爆款标题、PRD 撰写、产品文档、SEO 长文、知识文章、Twitter Thread 等社交内容
  3. coding/(浅蓝色背景):标题 "coding/ - 开发辅助",内容:React 组件、页面生成、Python 脚本、算法实现、API 设计、接口文档、Debug 定位与修复
  4. ai-workflow/(浅紫色背景):标题 "ai-workflow/ - AI 工作流",内容:Prompt Engineering 技巧、RAG 检索增强生成流程、Multi-Agent 协作模板、评测标准与效果验证
  5. design/(浅绿色背景):标题 "design/ - 设计能力",内容:UI 界面分析与改进建议、落地页、Banner 设计生成、小红书封面、海报设计、视觉系统与设计规范
  6. research/(浅橙色背景):标题 "research/ - 研究分析",内容:竞品分析与对比、用户调研与需求洞察、行业报告与趋势分析、AI 产品趋势追踪
  7. productivity/(浅青色背景):标题 "productivity/ - 效率管理",内容:日报、周报、复盘总结、任务拆解与优先级规划、Roadmap 规划与执行跟踪、会议纪要与要点整理
  8. automation/(浅棕色背景):标题 "automation/ - 自动化能力",内容:n8n 工作流模板、Dify 应用开发模板、Webhook 配置与集成、批量生成与自动化任务
  9. README.md 和 skills-index.md(浅灰色背景):README.md:项目说明、使用指南和贡献规范;skills-index.md:技能索引、标签管理与使用说明
- 字体:标题用粗体无衬线字体,正文用常规无衬线字体,所有文字对齐整齐,目录树用灰色连接线,整体风格干净清爽专业商务。
生成一张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海报,纯白底色,简约商务排版,顶部是加粗黑色大标题“大模型学习六大核心”。整体分为6行横向分割区块,每个区块均匀等距排布,区块之间用细黑线分割。每行左侧是纯黑色填充矩形块,矩形块内放白色加粗标题文字;右侧是白色底色正文区域,放置黑色常规宋体正文。6条内容: 1、左侧黑块文字:"RAG技术:",右侧正文:"RAG几乎是大模型应用开发里的高频能力。不是把资料丢进去就行,而是要理解检索、召回、重排、生成这一整条链路,知道知识库为什么答不准,也知道该从哪一环去优化。" 2、左侧黑块文字:"向量数据库:",右侧正文:"做知识库、语义检索、相似内容匹配时,向量数据库基本绕不过去。像FAISS、Milvus、Pinecone这些工具不只是“听过”,而是要知道它们适合什么场景,怎么配合Embedding一起用。" 3、左侧黑块文字:"Function Calling:",右侧正文:"当大模型不仅要“回答问题”,还要“调用工具、执行动作”时,Function Calling就很关键。比如查天气、查数据库、调接口、做数据可视化,本质上都在考验你会不会把模型能力接到真实系统里。" 4、左侧黑块文字:"Agent系统:",右侧正文:"AI应用开发不只是做一个聊天框,更重要的是让模型具备规划、记忆、调用工具和执行任务的能力。什么时候该用Agent,什么时候不该用Agent,这本身就是应用开发工程师要有的判断力。" 5、左侧黑块文字:"模型微调:",右侧正文:"不是所有问题都靠Prompt和RAG解决。有些垂类任务,比如医疗、金融、客服、投研,就需要进一步做微调。至少要知道LoRA、PEFT这类高效微调方法是在解决什么问题,适合什么场景。" 6、左侧黑块文字:"项目落地能力:",右侧正文:"企业最终看重的,不是你会多少术语,而是你能不能把知识库、BI助手、智能客服、AI搜索这类系统真正做出来。会技术是一回事,能把技术变成项目交付,是另一回事。" 细节要求:左右区块之间用细黑线分割,标题字体用粗黑体,正文用常规印刷宋体,无手写字体、无阴影、无多余装饰,整体干净极简,纯白背景,无图标无贴纸,纯文字排版,技术科普海报风格竖版3:4海报,纯白底色,简约商务排版,顶部是加粗黑色大标题“大模型学习六大核心”。整体分为6行横向分割区块,每个区块均匀等距排布,区块之间用细黑线分割。每行左侧是纯黑色填充矩形块,矩形块内放白色加粗标题文字;右侧是白色底色正文区域,放置黑色常规宋体正文。6条内容:
1、左侧黑块文字:"RAG技术:",右侧正文:"RAG几乎是大模型应用开发里的高频能力。不是把资料丢进去就行,而是要理解检索、召回、重排、生成这一整条链路,知道知识库为什么答不准,也知道该从哪一环去优化。"
2、左侧黑块文字:"向量数据库:",右侧正文:"做知识库、语义检索、相似内容匹配时,向量数据库基本绕不过去。像FAISS、Milvus、Pinecone这些工具不只是“听过”,而是要知道它们适合什么场景,怎么配合Embedding一起用。"
3、左侧黑块文字:"Function Calling:",右侧正文:"当大模型不仅要“回答问题”,还要“调用工具、执行动作”时,Function Calling就很关键。比如查天气、查数据库、调接口、做数据可视化,本质上都在考验你会不会把模型能力接到真实系统里。"
4、左侧黑块文字:"Agent系统:",右侧正文:"AI应用开发不只是做一个聊天框,更重要的是让模型具备规划、记忆、调用工具和执行任务的能力。什么时候该用Agent,什么时候不该用Agent,这本身就是应用开发工程师要有的判断力。"
5、左侧黑块文字:"模型微调:",右侧正文:"不是所有问题都靠Prompt和RAG解决。有些垂类任务,比如医疗、金融、客服、投研,就需要进一步做微调。至少要知道LoRA、PEFT这类高效微调方法是在解决什么问题,适合什么场景。"
6、左侧黑块文字:"项目落地能力:",右侧正文:"企业最终看重的,不是你会多少术语,而是你能不能把知识库、BI助手、智能客服、AI搜索这类系统真正做出来。会技术是一回事,能把技术变成项目交付,是另一回事。"
细节要求:左右区块之间用细黑线分割,标题字体用粗黑体,正文用常规印刷宋体,无手写字体、无阴影、无多余装饰,整体干净极简,纯白背景,无图标无贴纸,纯文字排版,技术科普海报风格