Xiaohongshu Infographic Series Generator

Usage

# 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]

Options

--style <name>

--layout <name>

Two Dimensions

--style notion --layout dense

Style Gallery

cute

fresh

warm

bold

minimal

retro

pop

notion

chalkboard

study-notes

references/presets/<style>.md

Layout Gallery

sparse

balanced

dense

list

comparison

flow

mindmap

quadrant

references/elements/canvas.md

Auto Selection

cute

fresh

warm

bold

minimal

retro

pop

notion

chalkboard

study-notes

Outline Strategies

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

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

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

File Structure

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

1. Extract main topic from content (2-4 words, kebab-case)
2. Example: "AI工具推荐" →

   ai-tools-recommend

xhs-images/{topic-slug}/

• Append timestamp:

  {topic-slug}-YYYYMMDD-HHMMSS

• Example:

  ai-tools

  exists →

  ai-tools-20260118-143052

source-{slug}.{ext}

• source-article.md

  ,

  source-photo.jpg

  , etc.
• Multiple sources supported: text, images, files from conversation

Workflow

Progress Checklist

XHS Infographic Progress:
═══════════════════════════════════════════════════════
⛔ Step 0: MUST check EXTEND.md FIRST - DO NOT SKIP!
═══════════════════════════════════════════════════════
  - If found → load preferences → continue to Step 1
  - If 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

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

Step 0: Load Preferences (EXTEND.md) ⛔ MUST DO FIRST

• 如果 EXTEND.md 存在 → 加载偏好设置 → 直接跳到 Step 1
• 如果 EXTEND.md 不存在 → 必须运行首次设置流程，保存配置后才能继续
• 禁止：在 Step 0 完成前询问内容、风格、布局等问题
• 禁止：跳过 Step 0 直接进入内容分析

# 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"

references/config/first-time-setup.md

references/config/preferences-schema.md

Step 1: Analyze Content →

analysis.md

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

Step 2: Confirmation 1 - Content Understanding ⚠️

• Content type + topic identified
• Key points extracted
• Tone detected
• Source images count

1. Core selling point (multiSelect: true)
2. Target audience
3. Style preference: Authentic sharing / Professional review / Aesthetic mood / Auto
4. Additional context (optional)

analysis.md

Step 3: Generate 3 Outline + Style Variants

outline-strategy-a.md

outline-strategy-b.md

outline-strategy-c.md

---
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

...

• 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

references/workflows/outline-template.md

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

• Strategy name + page count + recommended style
• Page-by-page summary (P1 → P2 → P3...)

• Strategy A (Recommended if "authentic sharing")
• Strategy B (Recommended if "professional review")
• Strategy C (Recommended if "aesthetic mood")
• Combine: specify pages from each

• 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

• 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

• 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

Step 5: Generate Images

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

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

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

• Check available image generation skills
• If multiple skills available, ask user preference

--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

Step 6: Completion Report

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)

Image Modification

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

References

references/

• 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/<name>.md

  - Element combination definitions (cute, notion, warm...)

• workflows/analysis-framework.md

  - Content analysis framework

• workflows/outline-template.md

  - Outline template with layout guide

• workflows/prompt-assembly.md

  - Prompt assembly guide

• config/preferences-schema.md

  - EXTEND.md schema

• config/first-time-setup.md

  - First-time setup flow

• config/watermark-guide.md

  - Watermark configuration

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

Extension Support