创意预览图

保留原任务模式命令内容,修改为和参考图一致风格:浅米背景、橘红色图标和命令文字,深棕色大标题,每个命令带圆角浅图标框,保持参考图的竖版尺寸和排版,还原干净简约设计

用户头像

用户925bV6H4

2026.05.27
[第2屏] YYR4_V2自定义键盘基本功能展示页。 [氛围/风格] 像iphone一样,简洁干净高级,极简风,信息清晰易读,商业设计质感。 [元素布局] 画面整体背景为纯色#d2dce8,顶部为主标题区域,下方为6个功能模块拼图,每个功能占一个独立模块区域,均匀分布排列,每个功能区域左对齐放置功能文案。所有功能文案清晰展示: 1.每个按键或者旋钮都可以设置为任意按键或者组合键 2.可以一键打开文件,文件夹或者程序 3.自动识别您当前使用的程序并切换到您对此程序的设置 4.可以一键打开网址,比如常用的素材网站等 5.可以一键输入设置好的英文或中文,比如密码,常用汉字等 6.还有其他的一些功能,比如:延时等等,期待您的亲自发掘 每个功能模块之间留适当空隙,整体排版干净舒爽,不拥挤。 [光影质感] 整体光线均匀明亮,文字区域清晰,没有过度阴影和高光,保证文字可读性,模块区分自然。 [配色色系] 全局背景底色:#d2dce8;标题文字为深灰色,功能文字为黑色,模块分割线为浅灰色。 [视角构图] 竖向排版,图文从上到下排列,顶部标题,下方功能列表清晰分布,符合移动端阅读顺序。 [文字版式] 顶部居中放置主标题"基本功能",字体加粗深灰色,字号较大;下方每个功能一行文字,左对齐排列,字号适中保证移动端清晰可读,文字不遮挡,上下左右预留足够留白。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字错乱,排版拥挤,颜色偏差,水印,背景杂乱,文字模糊,模块重叠[第2屏] YYR4_V2自定义键盘基本功能展示页。
[氛围/风格] 像iphone一样,简洁干净高级,极简风,信息清晰易读,商业设计质感。
[元素布局] 画面整体背景为纯色#d2dce8,顶部为主标题区域,下方为6个功能模块拼图,每个功能占一个独立模块区域,均匀分布排列,每个功能区域左对齐放置功能文案。所有功能文案清晰展示:
1.每个按键或者旋钮都可以设置为任意按键或者组合键
2.可以一键打开文件,文件夹或者程序
3.自动识别您当前使用的程序并切换到您对此程序的设置
4.可以一键打开网址,比如常用的素材网站等
5.可以一键输入设置好的英文或中文,比如密码,常用汉字等
6.还有其他的一些功能,比如:延时等等,期待您的亲自发掘
每个功能模块之间留适当空隙,整体排版干净舒爽,不拥挤。
[光影质感] 整体光线均匀明亮,文字区域清晰,没有过度阴影和高光,保证文字可读性,模块区分自然。
[配色色系] 全局背景底色:#d2dce8;标题文字为深灰色,功能文字为黑色,模块分割线为浅灰色。
[视角构图] 竖向排版,图文从上到下排列,顶部标题,下方功能列表清晰分布,符合移动端阅读顺序。
[文字版式] 顶部居中放置主标题"基本功能",字体加粗深灰色,字号较大;下方每个功能一行文字,左对齐排列,字号适中保证移动端清晰可读,文字不遮挡,上下左右预留足够留白。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字错乱,排版拥挤,颜色偏差,水印,背景杂乱,文字模糊,模块重叠
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 × 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:技能索引、标签管理与使用说明
- 字体:标题用粗体无衬线字体,正文用常规无衬线字体,所有文字对齐整齐,目录树用灰色连接线,整体风格干净清爽专业商务。