baoyu-xhs-images

小红书信息图系列生成器

将复杂内容拆解为吸睛的小红书信息图系列，并提供多种风格选项。

使用方法

# Auto-select style and layout based on content
/baoyu-xhs-images posts/ai-future/article.md

# Specify style
/baoyu-xhs-images posts/ai-future/article.md --style notion

# Specify layout
/baoyu-xhs-images posts/ai-future/article.md --layout dense

# Combine style and layout
/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list

# Direct content input
/baoyu-xhs-images
[paste content]

# Direct input with options
/baoyu-xhs-images --style bold --layout comparison
[paste content]

选项

选项	描述
--style <name>	视觉风格（参见风格图库）
--layout <name>	信息布局（参见布局图库）

两个维度

维度	控制内容	选项
风格	视觉美感：色彩、线条、装饰	可爱、清新、温暖、大胆、极简、复古、波普、notion、黑板风
布局	信息结构：密度、排列方式	稀疏、均衡、密集、列表、对比、流程

风格与布局可以自由组合。例如：--style notion --layout dense 可以创建一张富有知性气质、信息密度高的知识卡片。

风格图库

风格	描述
cute（默认）	甜美、可爱、少女感——经典小红书风格
fresh	干净、清爽、自然
warm	温馨、友好、亲切
bold	冲击力强、引人注目
minimal	极致简洁、精致
retro	复古、怀旧、时髦
pop	鲜艳、活力十足、吸睛
notion	极简手绘线稿、富有知性气质
chalkboard	黑板上的彩色粉笔画，具有教育风格

详细风格定义：references/presets/<style>.md

布局图库

布局	描述
sparse（默认）	信息极简，效果突出（1-2 个要点）
balanced	标准内容布局（3-4 个要点）
dense	信息密度高，知识卡片风格（5-8 个要点）
list	枚举和排名格式（4-7 项）
comparison	并列对比布局
flow	流程和时间线布局（3-6 个步骤）

详细布局定义：references/elements/canvas.md

自动选择

内容信号	风格	布局
美妆、时尚、可爱、女孩、粉色	cute	稀疏/均衡
健康、自然、干净、清新、有机	fresh	均衡/流程
生活、故事、情感、感受、温暖	warm	均衡
警告、重要、必须、关键	bold	列表/对比
专业、商业、优雅、简洁	minimal	稀疏/均衡
经典、复古、古老、传统	retro	均衡
有趣、刺激、哇、惊艳	pop	稀疏/列表
知识、概念、效率、SaaS	notion	密集/列表
教育、教程、学习、教学、课堂	chalkboard	均衡/密集

大纲策略

针对不同内容目标的三种差异化大纲策略：

策略 A：故事驱动型

方面	描述
概念	以个人经历为主线，优先引发情感共鸣
特点	从痛点切入，呈现变化前后，真实感强
适用内容	评测、个人分享、转变故事
结构	吸引开场 → 问题 → 发现 → 体验 → 总结

策略 B：信息密集型

方面	描述
概念	价值优先，高效传递信息
特点	结构清晰、要点明确、专业可信
适用内容	教程、对比、产品评测、清单
结构	核心结论 → 信息卡片 → 优缺点 → 推荐

策略 C：视觉优先型

方面	描述
概念	以视觉冲击力为核心，文字尽量精简
特点	大幅图片、氛围感强、瞬间吸引目光
适用内容	高颜值产品、生活方式、氛围感内容
结构	主视觉图 → 细节图 → 生活场景 → 行动号召

文件结构

每次会话都会创建一个以内容 slug 命名的独立目录：

xhs-images/{topic-slug}/
├── source-{slug}.{ext}             # Source files (text, images, etc.)
├── analysis.md                     # Deep analysis + questions asked
├── outline-strategy-a.md           # Strategy A: Story-driven
├── outline-strategy-b.md           # Strategy B: Information-dense
├── outline-strategy-c.md           # Strategy C: Visual-first
├── outline.md                      # Final selected/merged outline
├── prompts/
│   ├── 01-cover-[slug].md
│   ├── 02-content-[slug].md
│   └── ...
├── 01-cover-[slug].png
├── 02-content-[slug].png
└── NN-ending-[slug].png

Slug 生成：

1. 从内容中提取主要主题（2-4 个词，kebab-case）
2. 示例：“AI工具推荐” → ai-tools-recommend

冲突处理： 如果 xhs-images/{topic-slug}/ 已存在：

• 追加时间戳：{topic-slug}-YYYYMMDD-HHMMSS
• 示例：ai-tools 已存在 → ai-tools-20260118-143052

源文件： 将所有来源文件复制并命名为 source-{slug}.{ext}：

• source-article.md、source-photo.jpg 等
• 支持多个来源：对话中的文本、图片和文件

工作流

进度清单

复制并跟踪进度：

XHS Infographic Progress:
- [ ] Step 0: Check preferences (EXTEND.md) ⚠️ REQUIRED if not found
- [ ] Step 1: Analyze content → analysis.md
- [ ] Step 2: Confirmation 1 - Content understanding ⚠️ REQUIRED
- [ ] Step 3: Generate 3 outline + style variants
- [ ] Step 4: Confirmation 2 - Outline & style & elements selection ⚠️ REQUIRED
- [ ] Step 5: Generate images (sequential)
- [ ] Step 6: Completion report

流程

Input → Analyze → [Confirm 1] → 3 Outlines → [Confirm 2: Outline + Style + Elements] → Generate → Complete

步骤 0：加载偏好设置（EXTEND.md）⚠️

目的：加载用户偏好设置或运行首次设置。如果未找到 EXTEND.md，请勿跳过设置。

使用 Bash 按优先级顺序检查 EXTEND.md 是否存在：

# Check project-level first
test -f .baoyu-skills/baoyu-xhs-images/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-xhs-images/EXTEND.md" && echo "user"

┌────────────────────────────────────────────────────┬───────────────────┐ │ 路径 │ 位置 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-xhs-images/EXTEND.md │ 项目目录 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-xhs-images/EXTEND.md │ 用户主目录 │ └────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 结果 │ 操作 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 已找到 │ 阅读、解析并显示摘要 → 继续步骤 1 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ ⚠️ 必须运行首次设置（见下文）→ 然后继续步骤 1 │ └───────────┴───────────────────────────────────────────────────────────────────────────┘

首次设置（未找到 EXTEND.md 时）：

语言：使用用户输入的语言或已保存的语言偏好。

在一次调用中使用 AskUserQuestion 提出所有问题。问题详情请参阅 references/config/first-time-setup.md。

EXTEND.md 支持：水印 | 首选风格/布局 | 自定义风格定义 | 语言偏好

架构：references/config/preferences-schema.md

步骤 1：分析内容 → analysis.md

阅读源内容，根据需要保存，并进行深入分析。

操作：

1. 保存源内容（如果尚未保存为文件）：
   • 如果用户提供文件路径：按原样使用
   • 如果用户粘贴内容：将其保存到目标目录中的 source.md
2. 阅读源内容
3. 按照 references/workflows/analysis-framework.md 进行深入分析：
   • 内容类型分类（种草/干货/测评/教程/避坑……）
   • 钩子分析（爆款标题潜力）
   • 目标受众识别
   • 互动潜力（收藏/分享/评论）
   • 视觉机会映射
   • 滑动流程设计
4. 检测源语言
5. 确定建议的图片数量（2-10）
6. 生成澄清问题（见步骤 2）
7. 保存到 analysis.md

步骤 2：确认 1 - 内容理解 ⚠️

目的：验证理解并收集缺失信息。请勿跳过。

显示摘要：

• 已识别的内容类型和主题
• 提取的要点
• 检测到的语气
• 源图片数量

使用 AskUserQuestion 询问：

1. 核心卖点（multiSelect: true）
2. 目标受众
3. 风格偏好：真实分享 / 专业评测 / 美学氛围 / 自动
4. 补充背景信息（可选）

收到回复后：更新 analysis.md → 步骤 3

步骤 3：生成 3 种大纲 + 风格方案

根据分析结果和用户上下文，创建三个各具特色的方案。每个方案都包含大纲结构和视觉风格建议。

每个方案：

方案	文件名	大纲	推荐风格
A	outline-strategy-a.md	故事驱动：情感化，呈现前后对比	温暖、可爱、清新
B	outline-strategy-b.md	信息密集：结构化、注重事实	notion、极简、黑板
C	outline-strategy-c.md	视觉优先：营造氛围，文字精简	大胆、波普、复古

大纲格式（YAML front matter + 内容）：

---
strategy: a  # a, b, or c
name: Story-Driven
style: warm  # recommended style for this strategy
style_reason: "Warm tones enhance emotional storytelling and personal connection"
elements:  # from style preset, can be customized in Step 4
  background: solid-pastel
  decorations: [clouds, stars-sparkles]
  emphasis: star-burst
  typography: highlight
layout: balanced  # primary layout
image_count: 5
---

## P1 Cover
**Type**: cover
**Hook**: "入冬后脸不干了🥹终于找到对的面霜"
**Visual**: Product hero shot with cozy winter atmosphere
**Layout**: sparse

## P2 Problem
**Type**: pain-point
**Message**: Previous struggles with dry skin
**Visual**: Before state, relatable scenario
**Layout**: balanced

...

差异化要求：

• 每个方案都必须采用不同的大纲结构和不同的推荐风格
• 根据页数调整：A 通常为 4-6 页，B 通常为 3-5 页，C 通常为 3-4 页
• 包含 style_reason，说明该风格为何适合此方案
• 考虑用户在步骤 2 中的风格偏好

参考：references/workflows/outline-template.md

步骤 4：确认 2 - 大纲、风格与元素选择 ⚠️

目的：让用户选择大纲方案、确认视觉风格并自定义元素。请勿跳过。

展示每个方案：

• 方案名称 + 页数 + 推荐风格
• 逐页摘要（P1 → P2 → P3...）

使用 AskUserQuestion 提出三个问题：

问题 1：大纲方案

• 方案 A（适合「真实分享」）
• 方案 B（适合「专业评审」）
• 方案 C（适合「审美氛围」）
• 组合：指定各方案中的页面

问题 2：视觉风格

• 使用方案推荐的风格（显示具体风格）
• 或从以下选项中选择：可爱 / 清新 / 温暖 / 大胆 / 极简 / 复古 / 波普 / notion / 黑板
• 或输入自定义风格描述

问题 3：视觉元素（选择风格后展示） 显示所选风格的预设默认元素，然后询问：

• 使用风格默认设置（推荐）- 显示预览：背景、装饰、强调元素
• 调整背景 - 选项：纯色-柔和色调 / 纯色-高饱和度 / 线性渐变 / 径向渐变 / 纸张纹理 / 网格
• 调整装饰 - 选项：爱心 / 星星闪光 / 花朵 / 云朵 / 叶子 / 彩纸
• 输入自定义元素偏好

收到回复后：

• 单个方案 → 使用确认的风格复制到 outline.md
• 组合方案 → 合并指定页面，并使用确认的风格
• 自定义请求 → 根据反馈重新生成
• 风格默认设置 → 按原样使用预设的 Element Combination
• 调整背景 → 将用户选择更新到 elements.background
• 调整装饰 → 将用户选择更新到 elements.decorations
• 自定义元素 → 将用户偏好解析并填入 elements 字段
• 使用最终风格和元素更新 outline.md 的 frontmatter

步骤 5：生成图片

确认大纲、风格和布局后：

对每张图片（封面 + 内容页 + 结尾页）：

1. 将提示词保存到 prompts/NN-{type}-[slug].md（使用用户偏好的语言）
2. 使用确认的风格和布局生成图片
3. 每生成一张图片后报告进度

水印应用（如果偏好设置中已启用）： 在每条图片生成提示词中添加：

Include a subtle watermark "[content]" positioned at [position]
with approximately [opacity*100]% visibility. The watermark should
be legible but not distracting from the main content.

参考：references/config/watermark-guide.md

图片生成技能选择：

• 检查可用的图片生成技能
• 如果有多个可用技能，询问用户偏好

会话管理： 如果图片生成技能支持 --sessionId：

1. 生成唯一会话 ID：xhs-{topic-slug}-{timestamp}
2. 所有图片使用同一个会话 ID
3. 确保生成图片的视觉风格一致

步骤 6：完成报告

Xiaohongshu Infographic Series Complete!

Topic: [topic]
Strategy: [A/B/C/Combined]
Style: [style name]
Layout: [layout name or "varies"]
Location: [directory path]
Images: N total

✓ analysis.md
✓ outline-strategy-a.md
✓ outline-strategy-b.md
✓ outline-strategy-c.md
✓ outline.md (selected: [strategy])

Files:
- 01-cover-[slug].png ✓ Cover (sparse)
- 02-content-[slug].png ✓ Content (balanced)
- 03-content-[slug].png ✓ Content (dense)
- 04-ending-[slug].png ✓ Ending (sparse)

图片修改

操作	步骤
编辑	更新提示词 → 使用相同的会话 ID 重新生成
添加	指定位置 → 创建提示词 → 生成 → 后续文件重新编号（NN+1）→ 更新大纲
删除	移除文件 → 后续文件重新编号（NN-1）→ 更新大纲

内容拆解原则

1. 封面（图片 1）：吸引注意力 + 视觉冲击力 → sparse 布局
2. 内容（中间部分）：每张图片呈现核心价值 → balanced/dense/list/comparison/flow
3. 结尾（最后一张）：CTA / 总结 → sparse 或 balanced

风格 × 布局矩阵（✓✓ = 强烈推荐，✓ = 效果良好）：

	sparse	balanced	dense	list	comparison	flow
cute	✓✓	✓✓	✓	✓✓	✓	✓
fresh	✓✓	✓✓	✓	✓	✓	✓✓
warm	✓✓	✓✓	✓	✓	✓✓	✓
bold	✓✓	✓	✓	✓✓	✓✓	✓
minimal	✓✓	✓✓	✓✓	✓	✓	✓
retro	✓✓	✓✓	✓	✓✓	✓	✓
pop	✓✓	✓✓	✓	✓✓	✓✓	✓
notion	✓✓	✓✓	✓✓	✓✓	✓✓	✓✓
chalkboard	✓✓	✓✓	✓✓	✓✓	✓	✓✓

参考资料

详细模板位于 references/ 目录：

元素（视觉构成组件）：

• elements/canvas.md - 宽高比、安全区域、网格布局
• elements/image-effects.md - 抠图、描边、滤镜
• elements/typography.md - 装饰文字（花字）、标签、文字方向
• elements/decorations.md - 强调标记、背景、涂鸦、边框

预设（风格预设）：

• presets/<name>.md - 元素组合定义（cute、notion、warm 等）

工作流（流程指南）：

• workflows/analysis-framework.md - 内容分析框架
• workflows/outline-template.md - 包含布局指南的大纲模板
• workflows/prompt-assembly.md - 提示词组装指南

配置（设置）：

• config/preferences-schema.md - EXTEND.md 架构
• config/first-time-setup.md - 首次设置流程
• config/watermark-guide.md - 水印配置

备注

• 失败时自动重试一次 | 为敏感人物提供卡通替代方案
• 使用已确认的语言偏好 | 保持风格一致
• 必须设置两个确认点（步骤 2 和 4）——不得跳过

扩展支持

通过 EXTEND.md 自定义配置。路径和支持的选项请参阅步骤 0。