Xiaohongshu Infographic Series Generator

Break down complex content into eye-catching infographic series for Xiaohongshu with multiple style options.

Usage

CODEBLOCK0

Options

Option	Description
INLINECODE0	Visual style (see Style Gallery)
INLINECODE1

Information layout (see Layout Gallery) |

Two Dimensions

Dimension	Controls	Options
Style	Visual aesthetics: colors, lines, decorations	cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes
Layout

Information structure: density, arrangement | sparse, 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.

Style Gallery

Style	Description
INLINECODE3 (Default)	Sweet, adorable, girly - classic Xiaohongshu aesthetic
INLINECODE4

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

Layout Gallery

Layout	Description
INLINECODE14 (Default)	Minimal information, maximum impact (1-2 points)
INLINECODE15

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

Auto Selection

Content Signals	Style	Layout
Beauty, fashion, cute, girl, pink	INLINECODE23	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 |

Outline Strategies

Three differentiated outline strategies for different content goals:

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

Aspect	Description
Concept	Personal experience as main thread, emotional resonance first
Features

Start from pain point, show before/after change, strong authenticity | | Best for | Reviews, personal shares, transformation stories | | Structure | Hook → Problem → Discovery → Experience → Conclusion |

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

Aspect	Description
Concept	Value-first, efficient information delivery
Features

Clear structure, explicit points, professional credibility | | Best for | Tutorials, comparisons, product reviews, checklists | | Structure | Core conclusion → Info card → Pros/Cons → Recommendation |

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

Aspect	Description
Concept	Visual impact as core, minimal text
Features

Large images, atmospheric, instant appeal | | Best for | High-aesthetic products, lifestyle, mood-based content | | Structure | Hero image → Detail shots → Lifestyle scene → CTA |

File Structure

Each session creates an independent directory named by content slug:

CODEBLOCK1

Slug Generation:

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

Conflict Resolution:
If xhs-images/{topic-slug}/ already exists:

• - Append timestamp: INLINECODE35
• Example: ai-tools exists → INLINECODE37

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

Workflow

Progress Checklist

Copy and track progress:

CODEBLOCK2

Flow

CODEBLOCK3

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

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

CODEBLOCK4

┌────────────────────────────────────────────────────┬───────────────────┐
│ Path │ Location │
├────────────────────────────────────────────────────┼───────────────────┤
│ .baoyu-skills/baoyu-xhs-images/EXTEND.md │ Project directory │
├────────────────────────────────────────────────────┼───────────────────┤
│ $HOME/.baoyu-skills/baoyu-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: INLINECODE42

Step 1: Analyze Content → analysis.md

Read source content, save it if needed, and perform deep analysis.

Actions:

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

1. 2. Read source content
2. Deep analysis following references/workflows/analysis-framework.md:

- Content type classification (种草/干货/测评/教程/避坑...)
- Hook analysis (爆款标题潜力)
- Target audience identification
- Engagement potential (收藏/分享/评论)
- Visual opportunity mapping
- Swipe flow design

1. 4. Detect source language
2. Determine recommended image count (2-10)
3. Generate clarifying questions (see Step 2)
4. Save to analysis.md

Step 2: Confirmation 1 - Content Understanding ⚠️

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

Step 3: Generate 3 Outline + Style Variants

Based on analysis + user context, create three distinct strategy variants. Each variant includes both outline structure and visual style recommendation.

For each strategy:

Strategy	Filename	Outline	Recommended Style
A	INLINECODE50	Story-driven: emotional, before/after	warm, cute, fresh
B

outline-strategy-b.md | Information-dense: structured, factual | notion, minimal, chalkboard |
| C | outline-strategy-c.md | Visual-first: atmospheric, minimal text | bold, pop, retro |

Outline format (YAML front matter + content):
CODEBLOCK5

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

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

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

Step 5: Generate Images

With confirmed outline + style + layout:

Visual Consistency — Reference Image Chain:
To ensure character/style consistency across all images in a series:

1. 1. Generate image 1 (cover) FIRST — without INLINECODE57
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. 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

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

1. 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: INLINECODE65

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. 1. Generate unique session ID: INLINECODE67
2. Use same session ID for all images
3. Combined with reference image chain, ensures maximum visual consistency

Step 6: Completion Report

CODEBLOCK7

Image Modification

Action	Steps
Edit	Update prompt file FIRST → Regenerate with same session ID
Add

Specify position → Create prompt → Generate → Renumber subsequent files (NN+1) → Update outline | | Delete | Remove 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.

Content Breakdown Principles

1. 1. Cover (Image 1): Hook + visual impact → sparse layout
2. Content (Middle): Core value per image → balanced/dense/list/comparison/INLINECODE74
3. Ending (Last): CTA / summary → sparse or INLINECODE76

Style × Layout Matrix (✓✓ = highly recommended, ✓ = works well):

	sparse	balanced	dense	list	comparison	flow	mindmap	quadrant
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
• INLINECODE79 - Cutout, stroke, filters
• INLINECODE80 - Decorated text (花字), tags, text direction
• INLINECODE81 - 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
• INLINECODE84 - Outline template with layout guide
• INLINECODE85 - Prompt assembly guide

Config (Settings):

• - config/preferences-schema.md - EXTEND.md schema
• INLINECODE87 - First-time setup flow
• INLINECODE88 - 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

Custom configurations via EXTEND.md. See Step 0 for paths and supported options.