创意预览图

将这张图片调整为抖音竖屏9:16比例,保持原有文字内容清晰可见,适配抖音发布要求

用户头像

如鱼cium

2026.07.15
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:技能索引、标签管理与使用说明
- 字体:标题用粗体无衬线字体,正文用常规无衬线字体,所有文字对齐整齐,目录树用灰色连接线,整体风格干净清爽专业商务。
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.