tuzi-xhs-images

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Xiaohongshu Infographic Series Generator

小红书信息图系列生成器

Break down complex content into eye-catching infographic series for Xiaohongshu with multiple style options.
可将复杂内容拆分为适合小红书的吸睛信息图系列,提供多种风格选项。

Usage

使用方法

bash
undefined
bash
undefined

Auto-select style and layout based on content

基于内容自动选择风格和布局

/tuzi-xhs-images posts/ai-future/article.md
/tuzi-xhs-images posts/ai-future/article.md

Specify style

指定风格

/tuzi-xhs-images posts/ai-future/article.md --style notion
/tuzi-xhs-images posts/ai-future/article.md --style notion

Specify layout

指定布局

/tuzi-xhs-images posts/ai-future/article.md --layout dense
/tuzi-xhs-images posts/ai-future/article.md --layout dense

Combine style and layout

同时指定风格和布局

/tuzi-xhs-images posts/ai-future/article.md --style notion --layout list
/tuzi-xhs-images posts/ai-future/article.md --style notion --layout list

Direct content input

直接输入内容

/tuzi-xhs-images [paste content]
/tuzi-xhs-images [paste content]

Direct input with options

带参数直接输入内容

/tuzi-xhs-images --style bold --layout comparison [paste content]
undefined
/tuzi-xhs-images --style bold --layout comparison [paste content]
undefined

Options

参数选项

OptionDescription
--style <name>
Visual style (see Style Gallery)
--layout <name>
Information layout (see Layout Gallery)
选项说明
--style <name>
视觉风格(见风格画廊)
--layout <name>
信息布局(见布局画廊)

Two Dimensions

两个配置维度

DimensionControlsOptions
StyleVisual aesthetics: colors, lines, decorationscute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes
LayoutInformation structure: density, arrangementsparse, balanced, dense, list, comparison, flow, mindmap, quadrant
Style × Layout can be freely combined. Example:
--style notion --layout dense
creates an intellectual-looking knowledge card with high information density.
维度控制项可选值
风格视觉美学:颜色、线条、装饰cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes
布局信息结构:密度、排列方式sparse, balanced, dense, list, comparison, flow, mindmap, quadrant
风格和布局可自由组合。例如:
--style notion --layout dense
可生成信息密度高、有智感的知识卡片。

Style Gallery

风格画廊

StyleDescription
cute
(Default)
Sweet, adorable, girly - classic Xiaohongshu aesthetic
fresh
Clean, refreshing, natural
warm
Cozy, friendly, approachable
bold
High impact, attention-grabbing
minimal
Ultra-clean, sophisticated
retro
Vintage, nostalgic, trendy
pop
Vibrant, energetic, eye-catching
notion
Minimalist hand-drawn line art, intellectual
chalkboard
Colorful chalk on black board, educational
study-notes
Realistic handwritten photo style, blue pen + red annotations + yellow highlighter
Detailed style definitions:
references/presets/<style>.md
风格说明
cute
(默认)
甜美可爱、少女感 - 经典小红书审美
fresh
干净清爽、自然清新
warm
温馨友好、有亲和力
bold
高冲击力、吸睛度高
minimal
极简干净、高级感
retro
复古怀旧、潮流感
pop
明亮活泼、有活力
notion
极简手绘线条风、智感
chalkboard
黑板彩色粉笔风、教育感
study-notes
真实手写笔记风,蓝笔+红批注+黄高亮
详细风格定义:
references/presets/<style>.md

Layout Gallery

布局画廊

LayoutDescription
sparse
(Default)
Minimal information, maximum impact (1-2 points)
balanced
Standard content layout (3-4 points)
dense
High information density, knowledge card style (5-8 points)
list
Enumeration and ranking format (4-7 items)
comparison
Side-by-side contrast layout
flow
Process and timeline layout (3-6 steps)
mindmap
Center radial mind map layout (4-8 branches)
quadrant
Four-quadrant / circular section layout
Detailed layout definitions:
references/elements/canvas.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

Auto Selection

自动选择规则

Content SignalsStyleLayout
Beauty, fashion, cute, girl, pink
cute
sparse/balanced
Health, nature, clean, fresh, organic
fresh
balanced/flow
Life, story, emotion, feeling, warm
warm
balanced
Warning, important, must, critical
bold
list/comparison
Professional, business, elegant, simple
minimal
sparse/balanced
Classic, vintage, old, traditional
retro
balanced
Fun, exciting, wow, amazing
pop
sparse/list
Knowledge, concept, productivity, SaaS
notion
dense/list
Education, tutorial, learning, teaching, classroom
chalkboard
balanced/dense
Notes, handwritten, study guide, knowledge, realistic, photo
study-notes
dense/list/mindmap
内容特征推荐风格推荐布局
美妆、时尚、可爱、少女、粉色
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

Outline Strategies

大纲策略

Three differentiated outline strategies for different content goals:
针对不同内容目标提供三种差异化大纲策略:

Strategy A: Story-Driven (故事驱动型)

策略A:故事驱动型

AspectDescription
ConceptPersonal experience as main thread, emotional resonance first
FeaturesStart from pain point, show before/after change, strong authenticity
Best forReviews, personal shares, transformation stories
StructureHook → Problem → Discovery → Experience → Conclusion
维度说明
核心概念以个人经历为主线,优先引发情感共鸣
特点从痛点切入,展示前后变化,真实性强
适用场景测评、个人分享、改造故事
结构钩子→问题→发现→体验→结论

Strategy B: Information-Dense (信息密集型)

策略B:信息密集型

AspectDescription
ConceptValue-first, efficient information delivery
FeaturesClear structure, explicit points, professional credibility
Best forTutorials, comparisons, product reviews, checklists
StructureCore conclusion → Info card → Pros/Cons → Recommendation
维度说明
核心概念价值优先,高效传递信息
特点结构清晰、要点明确、专业可信
适用场景教程、对比、产品测评、清单
结构核心结论→信息卡片→优缺点→推荐

Strategy C: Visual-First (视觉优先型)

策略C:视觉优先型

AspectDescription
ConceptVisual impact as core, minimal text
FeaturesLarge images, atmospheric, instant appeal
Best forHigh-aesthetic products, lifestyle, mood-based content
StructureHero image → Detail shots → Lifestyle scene → CTA
维度说明
核心概念以视觉冲击为核心,文字极简
特点大尺寸图片、有氛围感、瞬间吸引力
适用场景高审美产品、生活方式、情绪向内容
结构主视觉图→细节图→生活场景→行动号召

File Structure

文件结构

Each session creates an independent directory named by content 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 Generation:
  1. Extract main topic from content (2-4 words, kebab-case)
  2. Example: "AI工具推荐" →
    ai-tools-recommend
Conflict Resolution: If
xhs-images/{topic-slug}/
already exists:
  • Append timestamp:
    {topic-slug}-YYYYMMDD-HHMMSS
  • Example:
    ai-tools
    exists →
    ai-tools-20260118-143052
Source Files: Copy all sources with naming
source-{slug}.{ext}
:
  • source-article.md
    ,
    source-photo.jpg
    , etc.
  • Multiple sources supported: text, images, files from conversation
每次运行会创建以内容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.md
    source-photo.jpg
  • 支持多源文件:对话中的文本、图片、文件

Workflow

工作流程

Progress Checklist

进度清单

Copy and track progress:
XHS Infographic Progress:
- [ ] Step 0: Check preferences (EXTEND.md) ⛔ BLOCKING
  - [ ] Found → load preferences → continue
  - [ ] Not found → run first-time setup → MUST complete before Step 1
- [ ] 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
复制并跟踪进度:
小红书信息图生成进度:
- [ ] 步骤0: 检查偏好设置 (EXTEND.md) ⛔ 阻塞项
  - [ ] 已找到 → 加载偏好 → 继续
  - [ ] 未找到 → 运行首次设置 → 步骤1前必须完成
- [ ] 步骤1: 分析内容 → 生成analysis.md
- [ ] 步骤2: 确认1 - 内容理解 ⚠️ 必选项
- [ ] 步骤3: 生成3套大纲+风格变体
- [ ] 步骤4: 确认2 - 大纲&风格&元素选择 ⚠️ 必选项
- [ ] 步骤5: 生成图片(按顺序)
- [ ] 步骤6: 完成报告

Flow

流程

Input → [Step 0: Preferences] ─┬─ Found → Continue
                               └─ Not found → First-Time Setup ⛔ BLOCKING
                                              └─ Complete setup → Save EXTEND.md → Continue
        ┌───────────────────────────────────────────────────────────────────────────┘
Analyze → [Confirm 1] → 3 Outlines → [Confirm 2: Outline + Style + Elements] → Generate → Complete
输入 → [步骤0: 偏好设置] ─┬─ 已找到 → 继续
                               └─ 未找到 → 首次设置 ⛔ 阻塞项
                                              └─ 设置完成 → 保存EXTEND.md → 继续
        ┌───────────────────────────────────────────────────────────────────────────┘
分析 → [确认1] → 3套大纲 → [确认2: 大纲+风格+元素] → 生成 → 完成

Step 0: Load Preferences (EXTEND.md) ⛔ BLOCKING

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

Purpose: Load user preferences or run first-time setup.
CRITICAL: If EXTEND.md not found, MUST complete first-time setup before ANY other questions or steps. Do NOT proceed to content analysis, do NOT ask about style, do NOT ask about layout — ONLY complete the preferences setup first.
Use Bash to check EXTEND.md existence (priority order):
bash
undefined
目的: 加载用户偏好或运行首次设置。
关键: 如果未找到EXTEND.md,必须先完成首次设置,再进行其他任何问题或步骤。不要继续内容分析,不要询问风格,不要询问布局——仅先完成偏好设置。
使用Bash检查EXTEND.md是否存在(优先级顺序):
bash
undefined

Check project-level first

先检查项目级别

test -f .tuzi-skills/tuzi-xhs-images/EXTEND.md && echo "project"
test -f .tuzi-skills/tuzi-xhs-images/EXTEND.md && echo "project"

Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)

再检查用户级别(跨平台: macOS/Linux/WSL下$HOME都可用)

test -f "$HOME/.tuzi-skills/tuzi-xhs-images/EXTEND.md" && echo "user"

┌────────────────────────────────────────────────────┬───────────────────┐
│                        Path                        │     Location      │
├────────────────────────────────────────────────────┼───────────────────┤
│ .tuzi-skills/tuzi-xhs-images/EXTEND.md           │ Project directory │
├────────────────────────────────────────────────────┼───────────────────┤
│ $HOME/.tuzi-skills/tuzi-xhs-images/EXTEND.md     │ User home         │
└────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬─────────────────────────────────────────────────────────────────────────────────────────────────────┐
│  Result   │                                              Action                                              │
├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Found     │ Read, parse, display summary → Continue to Step 1                                                 │
├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Not found │ ⛔ BLOCKING: Run first-time setup ONLY (see below) → Complete and save EXTEND.md → Then Step 1    │
└───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘

**First-Time Setup** (when EXTEND.md not found):

**Language**: Use user's input language or saved language preference.

Use AskUserQuestion with ALL questions in ONE call. See `references/config/first-time-setup.md` for question details.

**EXTEND.md Supports**: Watermark | Preferred style/layout | Custom style definitions | Language preference

Schema: `references/config/preferences-schema.md`
test -f "$HOME/.tuzi-skills/tuzi-xhs-images/EXTEND.md" && echo "user"

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

┌───────────┬─────────────────────────────────────────────────────────────────────────────────────────────────────┐
│  结果   │                                              操作                                              │
├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ 已找到     │ 读取、解析、展示摘要 → 继续步骤1                                                 │
├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ 未找到 │ ⛔ 阻塞项: 仅运行首次设置(见下文)→ 完成并保存EXTEND.md → 进入步骤1    │
└───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘

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

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

调用AskUserQuestion一次性提出所有问题。查看`references/config/first-time-setup.md`获取问题详情。

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

Schema: `references/config/preferences-schema.md`

Step 1: Analyze Content →
analysis.md

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

Read source content, save it if needed, and perform deep analysis.
Actions:
  1. Save source content (if not already a file):
    • If user provides a file path: use as-is
    • If user pastes content: save to
      source.md
      in target directory
    • Backup rule: If
      source.md
      exists, rename to
      source-backup-YYYYMMDD-HHMMSS.md
  2. Read source content
  3. Deep analysis following
    references/workflows/analysis-framework.md
    :
    • Content type classification (种草/干货/测评/教程/避坑...)
    • Hook analysis (爆款标题潜力)
    • Target audience identification
    • Engagement potential (收藏/分享/评论)
    • Visual opportunity mapping
    • Swipe flow design
  4. Detect source language
  5. Determine recommended image count (2-10)
  6. Generate clarifying questions (see Step 2)
  7. Save to
    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

Step 2: Confirmation 1 - Content Understanding ⚠️

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

Purpose: Validate understanding + collect missing info. Do NOT skip.
Display summary:
  • Content type + topic identified
  • Key points extracted
  • Tone detected
  • Source images count
Use AskUserQuestion for:
  1. Core selling point (multiSelect: true)
  2. Target audience
  3. Style preference: Authentic sharing / Professional review / Aesthetic mood / Auto
  4. Additional context (optional)
After response: Update
analysis.md
→ Step 3
目的: 验证理解+收集缺失信息。禁止跳过。
展示摘要:
  • 识别到的内容类型+主题
  • 提取的核心要点
  • 检测到的语气
  • 源图片数量
调用AskUserQuestion询问以下内容:
  1. 核心卖点(可多选: true)
  2. 目标受众
  3. 风格偏好: 真实分享 / 专业测评 / 审美情绪 / 自动选择
  4. 补充背景(可选)
收到回复后: 更新
analysis.md
→ 进入步骤3

Step 3: Generate 3 Outline + Style Variants

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

Based on analysis + user context, create three distinct strategy variants. Each variant includes both outline structure and visual style recommendation.
For each strategy:
StrategyFilenameOutlineRecommended Style
A
outline-strategy-a.md
Story-driven: emotional, before/afterwarm, cute, fresh
B
outline-strategy-b.md
Information-dense: structured, factualnotion, minimal, chalkboard
C
outline-strategy-c.md
Visual-first: atmospheric, minimal textbold, pop, retro
Outline format (YAML front matter + content):
yaml
---
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
---
基于分析结果+用户提供的背景,创建三个不同的策略变体。每个变体同时包含大纲结构视觉风格推荐
每个策略的对应配置:
策略文件名大纲特点推荐风格
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 front matter + 内容):
yaml
---
strategy: a  # a, b, 或 c
name: Story-Driven
style: warm  # 该策略的推荐风格
style_reason: "Warm tones enhance emotional storytelling and personal connection"
elements:  # 来自风格预设,可在步骤4自定义
  background: solid-pastel
  decorations: [clouds, stars-sparkles]
  emphasis: star-burst
  typography: highlight
layout: balanced  # 主布局
image_count: 5
---

P1 Cover

P1 封面

Type: cover Hook: "入冬后脸不干了🥹终于找到对的面霜" Visual: Product hero shot with cozy winter atmosphere Layout: sparse
类型: cover 钩子: "入冬后脸不干了🥹终于找到对的面霜" 视觉: 产品主图搭配温馨冬日氛围 布局: sparse

P2 Problem

P2 问题

Type: pain-point Message: Previous struggles with dry skin Visual: Before state, relatable scenario Layout: balanced
...

**Differentiation requirements**:
- Each strategy MUST have different outline structure AND different recommended style
- Adapt page count: A typically 4-6, B typically 3-5, C typically 3-4
- Include `style_reason` explaining why this style fits the strategy
- Consider user's style preference from Step 2

Reference: `references/workflows/outline-template.md`
类型: pain-point 信息: 之前干皮的困扰 视觉: 之前的状态,有共鸣的场景 布局: balanced
...

**差异化要求**:
- 每个策略必须有不同的大纲结构和不同的推荐风格
- 适配页数:A通常4-6页,B通常3-5页,C通常3-4页
- 包含`style_reason`说明该风格适配策略的原因
- 考虑步骤2中用户的风格偏好

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

Step 4: Confirmation 2 - Outline & Style & Elements Selection ⚠️

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

Purpose: User chooses outline strategy, confirms visual style, and customizes elements. Do NOT skip.
Display each strategy:
  • Strategy name + page count + recommended style
  • Page-by-page summary (P1 → P2 → P3...)
Use AskUserQuestion with three questions:
Question 1: Outline Strategy
  • Strategy A (Recommended if "authentic sharing")
  • Strategy B (Recommended if "professional review")
  • Strategy C (Recommended if "aesthetic mood")
  • Combine: specify pages from each
Question 2: Visual Style
  • Use strategy's recommended style (show which style)
  • Or select from: cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard
  • Or type custom style description
Question 3: Visual Elements (show after style selection) Display the selected style's default elements from preset, then ask:
  • Use style defaults (Recommended) - show preview: background, decorations, emphasis
  • Adjust background - options: solid-pastel / solid-saturated / gradient-linear / gradient-radial / paper-texture / grid
  • Adjust decorations - options: hearts / stars-sparkles / flowers / clouds / leaves / confetti
  • Type custom element preferences
After response:
  • Single strategy → copy to
    outline.md
    with confirmed style
  • Combination → merge specified pages with confirmed style
  • Custom request → regenerate based on feedback
  • Style defaults → use preset's Element Combination as-is
  • Background adjustment → update elements.background with user choice
  • Decorations adjustment → update elements.decorations with user choice
  • Custom elements → parse user's preferences into elements fields
  • Update
    outline.md
    frontmatter with final style and elements
目的: 用户选择大纲策略,确认视觉风格,自定义元素。禁止跳过。
展示每个策略的信息:
  • 策略名称 + 页数 + 推荐风格
  • 逐页摘要(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
  • 自定义元素 → 将用户偏好解析到elements字段
  • 用最终的风格和元素更新
    outline.md
    的frontmatter

Step 5: Generate Images

步骤5: 生成图片

With confirmed outline + style + layout:
Visual Consistency — Reference Image Chain: To ensure character/style consistency across all images in a series:
  1. Generate image 1 (cover) FIRST — without
    --ref
  2. Use image 1 as
    --ref
    for ALL remaining images
    (2, 3, ..., N)
    • This anchors the character design, color rendering, and illustration style
    • Command pattern:
      --ref <path-to-image-01.png>
      added to every subsequent generation
This is critical for styles that use recurring characters, mascots, or illustration elements. Image 1 becomes the visual anchor for the entire series.
For each image (cover + content + ending):
  1. Save prompt to
    prompts/NN-{type}-[slug].md
    (in user's preferred language)
    • Backup rule: If prompt file exists, rename to
      prompts/NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.md
  2. Generate image:
    • Image 1: Generate without
      --ref
      (this establishes the visual anchor)
    • Images 2+: Generate with
      --ref <image-01-path>
      for consistency
    • Backup rule: If image file exists, rename to
      NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.png
  3. Report progress after each generation
Watermark Application (if enabled in preferences): Add to each image generation prompt:
Include a subtle watermark "[content]" positioned at [position].
The watermark should be legible but not distracting from the main content.
Reference:
references/config/watermark-guide.md
Image Generation Skill Selection:
  • Check available image generation skills
  • If multiple skills available, ask user preference
Session Management: If image generation skill supports
--sessionId
:
  1. Generate unique session ID:
    xhs-{topic-slug}-{timestamp}
  2. Use same session ID for all images
  3. Combined with reference image chain, ensures maximum visual consistency
使用确认后的大纲+风格+布局:
视觉一致性 — 参考图链: 为确保系列所有图片的人物/风格一致:
  1. 优先生成第1张图(封面) — 不带
    --ref
    参数
  2. 所有剩余图片(2,3,...,N)都使用第1张图作为
    --ref
    • 这会固定人物设计、配色和插画风格
    • 命令模式: 后续每次生成都添加
      --ref <path-to-image-01.png>
对于使用重复人物、吉祥物或插画元素的风格,这一点至关重要。第1张图是整个系列的视觉锚点。
每张图片的生成步骤(封面+内容+结尾):
  1. 将prompt保存到
    prompts/NN-{type}-[slug].md
    (使用用户偏好的语言)
    • 备份规则: 如果prompt文件已存在,重命名为
      prompts/NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.md
  2. 生成图片:
    • 第1张图: 不带
      --ref
      生成(建立视觉锚点)
    • 第2张及以后: 带
      --ref <image-01-path>
      生成保证一致性
    • 备份规则: 如果图片文件已存在,重命名为
      NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.png
  3. 每次生成后报告进度
水印添加(如果偏好设置中启用): 在每张图片的生成prompt中添加:
Include a subtle watermark "[content]" positioned at [position].
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. 结合参考图链,最大化保证视觉一致性

Step 6: Completion Report

步骤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)
小红书信息图系列生成完成!

主题: [topic]
策略: [A/B/C/组合]
风格: [风格名称]
布局: [布局名称或「多种」]
存储位置: [目录路径]
图片总数: 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)

Image Modification

图片修改

ActionSteps
EditUpdate prompt file FIRST → Regenerate with same session ID
AddSpecify position → Create prompt → Generate → Renumber subsequent files (NN+1) → Update outline
DeleteRemove files → Renumber subsequent (NN-1) → Update outline
IMPORTANT: When updating images, ALWAYS update the prompt file (
prompts/NN-{type}-[slug].md
) FIRST before regenerating. This ensures changes are documented and reproducible.
操作步骤
编辑优先更新prompt文件 → 使用同一会话ID重新生成
新增指定位置 → 创建prompt → 生成 → 后续文件重新编号(NN+1) → 更新大纲
删除删除文件 → 后续文件重新编号(NN-1) → 更新大纲
重要提示: 更新图片时,重新生成前必须优先更新prompt文件(
prompts/NN-{type}-[slug].md
)。这可以保证修改可记录、可复现。

Content Breakdown Principles

内容拆分原则

  1. Cover (Image 1): Hook + visual impact →
    sparse
    layout
  2. Content (Middle): Core value per image →
    balanced
    /
    dense
    /
    list
    /
    comparison
    /
    flow
  3. Ending (Last): CTA / summary →
    sparse
    or
    balanced
Style × Layout Matrix (✓✓ = highly recommended, ✓ = works well):
sparsebalanceddenselistcomparisonflowmindmapquadrant
cute✓✓✓✓✓✓
fresh✓✓✓✓✓✓
warm✓✓✓✓✓✓
bold✓✓✓✓✓✓✓✓
minimal✓✓✓✓✓✓
retro✓✓✓✓✓✓
pop✓✓✓✓✓✓✓✓
notion✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓
chalkboard✓✓✓✓✓✓✓✓✓✓✓✓
study-notes✓✓✓✓✓✓
  1. 封面(第1张图): 钩子+视觉冲击 →
    sparse
    布局
  2. 内容(中间页): 每张图传递一个核心价值 →
    balanced
    /
    dense
    /
    list
    /
    comparison
    /
    flow
  3. 结尾(最后1张图): 行动号召/总结 →
    sparse
    balanced
风格×布局适配矩阵(✓✓ = 强烈推荐,✓ = 适配良好):
sparsebalanceddenselistcomparisonflowmindmapquadrant
cute✓✓✓✓✓✓
fresh✓✓✓✓✓✓
warm✓✓✓✓✓✓
bold✓✓✓✓✓✓✓✓
minimal✓✓✓✓✓✓
retro✓✓✓✓✓✓
pop✓✓✓✓✓✓✓✓
notion✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓
chalkboard✓✓✓✓✓✓✓✓✓✓✓✓
study-notes✓✓✓✓✓✓

References

参考文件

Detailed templates in
references/
directory:
Elements (Visual building blocks):
  • elements/canvas.md
    - Aspect ratios, safe zones, grid layouts
  • elements/image-effects.md
    - Cutout, stroke, filters
  • elements/typography.md
    - Decorated text (花字), tags, text direction
  • elements/decorations.md
    - Emphasis marks, backgrounds, doodles, frames
Presets (Style presets):
  • presets/<name>.md
    - Element combination definitions (cute, notion, warm...)
Workflows (Process guides):
  • workflows/analysis-framework.md
    - Content analysis framework
  • workflows/outline-template.md
    - Outline template with layout guide
  • workflows/prompt-assembly.md
    - Prompt assembly guide
Config (Settings):
  • config/preferences-schema.md
    - EXTEND.md schema
  • config/first-time-setup.md
    - First-time setup flow
  • config/watermark-guide.md
    - Watermark configuration
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
    - Prompt组装指南
配置(设置):
  • config/preferences-schema.md
    - EXTEND.md schema
  • config/first-time-setup.md
    - 首次设置流程
  • config/watermark-guide.md
    - 水印配置

Notes

注意事项

  • Auto-retry once on failure | Cartoon alternatives for sensitive figures
  • Use confirmed language preference | Maintain style consistency
  • Two confirmation points required (Steps 2 & 4) - do not skip
  • 失败自动重试1次 | 敏感人物使用卡通替代
  • 使用确认的语言偏好 | 保持风格一致性
  • 必须经过两个确认环节(步骤2和4)- 禁止跳过

Extension Support

扩展支持

Custom configurations via EXTEND.md. See Step 0 for paths and supported options.
可通过EXTEND.md进行自定义配置。路径和支持选项见步骤0