小红书信息图生成器Skill baoyu-xhs-images

这个技能专门用于生成小红书平台上的信息图系列,支持10种视觉风格和8种布局,将复杂内容分解为1-10张卡通风格图片,优化社交媒体参与度。适用于内容营销、品牌推广和社交媒体运营。关键词:小红书、信息图、社交媒体、设计、内容创作、视觉风格、布局、AIGC。

海报设计 2 次安装 73 次浏览 更新于 3/9/2026

名称: baoyu-xhs-images 描述: 生成小红书(Little Red Book)信息图系列,提供10种视觉风格和8种布局。将内容分解为1-10张卡通风格图片,优化小红书参与度。当用户提到“小红书图片”、“XHS images”、“RedNote infographics”、“小红书种草”或需要中国平台的社交媒体信息图时使用。

小红书信息图系列生成器

将复杂内容分解为引人注目的信息图系列,适用于小红书,提供多种风格选项。

用法

# 基于内容自动选择风格和布局
/baoyu-xhs-images posts/ai-future/article.md

# 指定风格
/baoyu-xhs-images posts/ai-future/article.md --style notion

# 指定布局
/baoyu-xhs-images posts/ai-future/article.md --layout dense

# 结合风格和布局
/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list

# 直接输入内容
/baoyu-xhs-images
[粘贴内容]

# 直接输入带选项
/baoyu-xhs-images --style bold --layout comparison
[粘贴内容]

选项

选项 描述
--style <名称> 视觉风格(见风格库)
--layout <名称> 信息布局(见布局库)

两个维度

维度 控制 选项
风格 视觉美感:颜色、线条、装饰 cute、fresh、warm、bold、minimal、retro、pop、notion、chalkboard、study-notes
布局 信息结构:密度、排列 sparse、balanced、dense、list、comparison、flow、mindmap、quadrant

风格 × 布局可自由组合。例如:--style notion --layout dense 创建高信息密度的知识卡风格。

风格库

风格 描述
cute(默认) 甜美、可爱、少女风——经典小红书美学
fresh 干净、清新、自然
warm 舒适、友好、亲切
bold 高冲击力、吸引注意力
minimal 极简、精致
retro 复古、怀旧、潮流
pop 活力、能量、吸睛
notion 简约手绘线条艺术、知性
chalkboard 黑板上的彩色粉笔、教育风格
study-notes 逼真手写照片风格、蓝笔 + 红批注 + 黄高亮

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

布局库

布局 描述
sparse(默认) 最小信息、最大影响(1-2点)
balanced 标准内容布局(3-4点)
dense 高信息密度、知识卡风格(5-8点)
list 枚举和排名格式(4-7项)
comparison 并排对比布局
flow 流程和时间线布局(3-6步)
mindmap 中心放射思维导图布局(4-8分支)
quadrant 四象限/圆形分区布局

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

自动选择

内容信号 风格 布局
美妆、时尚、可爱、女孩、粉色 cute sparse/balanced
健康、自然、干净、清新、有机 fresh balanced/flow
生活、故事、情感、感觉、温暖 warm balanced
警告、重要、必须、关键 bold list/comparison
专业、商业、优雅、简单 minimal sparse/balanced
经典、复古、旧、传统 retro balanced
有趣、兴奋、哇、惊人 pop sparse/list
知识、概念、生产力、SaaS notion dense/list
教育、教程、学习、教学、课堂 chalkboard balanced/dense
笔记、手写、学习指南、知识、逼真、照片 study-notes dense/list/mindmap

大纲策略

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

策略 A:故事驱动型

方面 描述
概念 以个人经验为主线,情感共鸣优先
特点 从痛点开始,展示前后变化,强真实性
最适合 评测、个人分享、转变故事
结构 钩子 → 问题 → 发现 → 体验 → 结论

策略 B:信息密集型

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

策略 C:视觉优先型

方面 描述
概念 视觉冲击为核心,最少文本
特点 大图、氛围感、即时吸引力
最适合 高审美产品、生活方式、情绪内容
结构 英雄图 → 细节图 → 生活场景 → 行动呼吁

文件结构

每次会话创建一个独立目录,以内容slug命名:

xhs-images/{topic-slug}/
├── source-{slug}.{ext}             # 源文件(文本、图片等)
├── analysis.md                     # 深度分析 + 问题询问
├── outline-strategy-a.md           # 策略 A:故事驱动
├── outline-strategy-b.md           # 策略 B:信息密集
├── outline-strategy-c.md           # 策略 C:视觉优先
├── outline.md                      # 最终选择/合并大纲
├── 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.mdsource-photo.jpg
  • 支持多个源:文本、图片、会话文件

工作流程

进度检查清单

复制并跟踪进度:

XHS信息图进度:
- [ ] 步骤 0: 检查偏好(EXTEND.md) ⛔ 阻塞
  - [ ] 找到 → 加载偏好 → 继续
  - [ ] 未找到 → 运行首次设置 → 必须在步骤 1 前完成
- [ ] 步骤 1: 分析内容 → analysis.md
- [ ] 步骤 2: 确认 1 - 内容理解 ⚠️ 必需
- [ ] 步骤 3: 生成 3 个大纲 + 风格变体
- [ ] 步骤 4: 确认 2 - 大纲 & 风格 & 元素选择 ⚠️ 必需
- [ ] 步骤 5: 生成图片(顺序)
- [ ] 步骤 6: 完成报告

流程

输入 → [步骤 0: 偏好] ─┬─ 找到 → 继续
                               │
                               └─ 未找到 → 首次设置 ⛔ 阻塞
                                              │
                                              └─ 完成设置 → 保存 EXTEND.md → 继续
                                                                                      │
        ┌───────────────────────────────────────────────────────────────────────────┘
        ↓
分析 → [确认 1] → 3 大纲 → [确认 2: 大纲 + 风格 + 元素] → 生成 → 完成

步骤 0: 加载偏好(EXTEND.md) ⛔ 阻塞

目的:加载用户偏好或运行首次设置。

关键:如果未找到 EXTEND.md,必须在任何其他步骤前完成首次设置。不要进入内容分析,不要询问风格,不要询问布局——仅先完成偏好设置。

使用 Bash 检查 EXTEND.md 存在(优先级顺序):

# 先检查项目级别
test -f .baoyu-skills/baoyu-xhs-images/EXTEND.md && echo "project"

# 然后用户级别(跨平台:$HOME 适用于 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 │ ├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ ⛔ 阻塞:仅运行首次设置(见下文) → 完成并保存 EXTEND.md → 然后步骤 1 │ └───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘

首次设置(当未找到 EXTEND.md 时):

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

使用 AskUserQuestion,一次性询问所有问题。见 references/config/first-time-setup.md 获取问题详情。

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

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

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

读取源内容,如有需要保存,并进行深度分析。

行动

  1. 保存源内容(如果还不是文件):
    • 如果用户提供文件路径:直接使用
    • 如果用户粘贴内容:保存到目标目录的 source.md
    • 备份规则:如果 source.md 存在,重命名为 source-backup-YYYYMMDD-HHMMSS.md
  2. 读取源内容
  3. 深度分析 遵循 references/workflows/analysis-framework.md
    • 内容类型分类(种草/干货/测评/教程/避坑…)
    • 钩子分析(爆款标题潜力)
    • 目标受众识别
    • 参与潜力(收藏/分享/评论)
    • 视觉机会映射
    • 滑动流设计
  4. 检测源语言
  5. 确定推荐图片数量(2-10)
  6. 生成澄清问题(见步骤 2)
  7. 保存到 analysis.md

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

目的:验证理解 + 收集缺失信息。不要跳过。

显示摘要

  • 内容类型 + 识别的主题
  • 提取的关键点
  • 检测的语调
  • 源图片数量

使用 AskUserQuestion 用于:

  1. 核心卖点(多选:true)
  2. 目标受众
  3. 风格偏好:真实分享 / 专业评测 / 美学氛围 / 自动
  4. 附加上下文(可选)

响应后:更新 analysis.md → 步骤 3

步骤 3: 生成 3 大纲 + 风格变体

基于分析 + 用户上下文,创建三个不同策略变体。每个变体包括 大纲结构视觉风格推荐

对于每个策略

策略 文件名 大纲 推荐风格
A outline-strategy-a.md 故事驱动:情感化,前后对比 warm、cute、fresh
B outline-strategy-b.md 信息密集:结构化,事实性 notion、minimal、chalkboard
C outline-strategy-c.md 视觉优先:氛围感,最少文本 bold、pop、retro

大纲格式(YAML 前导 + 内容):

---
策略: a  # a、b 或 c
名称: 故事驱动
风格: warm  # 此策略的推荐风格
风格理由: “温暖色调增强情感叙事和个人连接”
元素:  # 来自风格预设,可在步骤 4 自定义
  背景: solid-pastel
  装饰: [clouds, stars-sparkles]
  强调: star-burst
  排版: highlight
布局: balanced  # 主要布局
图片数量: 5
---

## P1 封面
**类型**: cover
**钩子**: “入冬后脸不干了🥹终于找到对的面霜”
**视觉**: 产品英雄图配舒适冬季氛围
**布局**: sparse

## P2 问题
**类型**: pain-point
**消息**: 之前干皮肤的挣扎
**视觉**: 之前状态,可关联场景
**布局**: balanced

...

差异化要求

  • 每个策略必须有不同的大纲结构和不同的推荐风格
  • 适应页面数量:A 通常 4-6,B 通常 3-5,C 通常 3-4
  • 包括 风格理由 解释为何此风格适合策略
  • 考虑步骤 2 的用户风格偏好

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

步骤 4: 确认 2 - 大纲 & 风格 & 元素选择 ⚠️

目的:用户选择大纲策略,确认视觉风格,并自定义元素。不要跳过。

显示每个策略

  • 策略名称 + 页面数量 + 推荐风格
  • 页面逐页摘要(P1 → P2 → P3…)

使用 AskUserQuestion 带三个问题:

问题 1: 大纲策略

  • 策略 A(如果“真实分享”推荐)
  • 策略 B(如果“专业评测”推荐)
  • 策略 C(如果“美学氛围”推荐)
  • 结合:指定来自每个的页面

问题 2: 视觉风格

  • 使用策略的推荐风格(显示哪个风格)
  • 或从以下选择:cute、fresh、warm、bold、minimal、retro、pop、notion、chalkboard
  • 或输入自定义风格描述

问题 3: 视觉元素(风格选择后显示) 显示选定风格的默认元素来自预设,然后询问:

  • 使用风格默认(推荐) - 显示预览:背景、装饰、强调
  • 调整背景 - 选项:solid-pastel、solid-saturated、gradient-linear、gradient-radial、paper-texture、grid
  • 调整装饰 - 选项:hearts、stars-sparkles、flowers、clouds、leaves、confetti
  • 输入自定义元素偏好

响应后

  • 单一策略 → 复制到 outline.md 带确认风格
  • 结合 → 合并指定页面带确认风格
  • 自定义请求 → 基于反馈重新生成
  • 风格默认 → 使用预设的元素组合
  • 背景调整 → 用用户选择更新 elements.background
  • 装饰调整 → 用用户选择更新 elements.decorations
  • 自定义元素 → 解析用户偏好到元素字段
  • 更新 outline.md 前导带最终风格和元素

步骤 5: 生成图片

带确认大纲 + 风格 + 布局:

视觉一致性 — 参考图像链: 为确保系列中所有图像风格一致:

  1. 首先生成图像 1(封面) — 不带 --ref
  2. 使用图像 1 作为 --ref 所有剩余图像(2, 3, …, N)
    • 这锚定角色设计、颜色渲染和插图风格
    • 命令模式:--ref <image-01-path> 添加到每个后续生成

这对于使用循环角色、吉祥物或插图元素的风格至关重要。图像 1 成为整个系列的视觉锚点。

对于每个图像(封面 + 内容 + 结尾)

  1. 保存提示到 prompts/NN-{type}-[slug].md(以用户偏好语言)
    • 备份规则:如果提示文件存在,重命名为 prompts/NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.md
  2. 生成图像:
    • 图像 1:生成不带 --ref(这建立视觉锚点)
    • 图像 2+:生成带 --ref <image-01-path> 以保持一致
    • 备份规则:如果图像文件存在,重命名为 NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.png
  3. 每个生成后报告进度

水印应用(如果在偏好中启用): 添加到每个图像生成提示:

包含一个细微水印“[content]”位于[position]。
水印应清晰但不干扰主要内容。

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

图像生成技能选择

  • 检查可用图像生成技能
  • 如果多个技能可用,询问用户偏好

会话管理: 如果图像生成技能支持 --sessionId

  1. 生成唯一会话 ID:xhs-{topic-slug}-{timestamp}
  2. 对所有图像使用相同会话 ID
  3. 结合参考图像链,确保最大视觉一致性

步骤 6: 完成报告

小红书信息图系列完成!

主题: [topic]
策略: [A/B/C/Combined]
风格: [style name]
布局: [layout name or "varies"]
位置: [directory path]
图片: N 总

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

文件:
- 01-cover-[slug].png ✓ 封面 (sparse)
- 02-content-[slug].png ✓ 内容 (balanced)
- 03-content-[slug].png ✓ 内容 (dense)
- 04-ending-[slug].png ✓ 结尾 (sparse)

图片修改

行动 步骤
编辑 先更新提示文件 → 用相同会话 ID 重新生成
添加 指定位置 → 创建提示 → 生成 → 重命名后续文件(NN+1) → 更新大纲
删除 删除文件 → 重命名后续(NN-1) → 更新大纲

重要:更新图像时,总是先更新提示文件(prompts/NN-{type}-[slug].md)再重新生成。这确保更改被记录和可复制。

内容分解原则

  1. 封面(图像 1):钩子 + 视觉冲击 → sparse 布局
  2. 内容(中间):每图像核心价值 → balanced/dense/list/comparison/flow
  3. 结尾(最后):行动呼吁 / 摘要 → sparsebalanced

风格 × 布局矩阵(✓✓ = 高度推荐,✓ = 表现良好):

sparse balanced dense list comparison flow mindmap quadrant
cute ✓✓ ✓✓ ✓✓
fresh ✓✓ ✓✓ ✓✓
warm ✓✓ ✓✓ ✓✓
bold ✓✓ ✓✓ ✓✓ ✓✓
minimal ✓✓ ✓✓ ✓✓
retro ✓✓ ✓✓ ✓✓
pop ✓✓ ✓✓ ✓✓ ✓✓
notion ✓✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓
chalkboard ✓✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓
study-notes ✓✓ ✓✓ ✓✓

参考

详细模板在 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 获取路径和支持选项。