创意预览图

严格对照参考图风格重做:1.浅米色背景,顶部增加命令输入框和小机器人图案,2.深棕色粗体大标题,3.橘红色的命令文字,每个命令左侧都加圆角方框的线型图标,4.命令描述用黑色文字,保持所有文字和原图片一

用户头像

用户925bV6H4

2026.05.27
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 × 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」页码。

整体风格:所有文字为无衬线字体,标题加粗,模块框用浅棕/浅米黄色背景,边框圆角,排版整齐,干净清爽专业简约风。