JimLiu

baoyu-xhs-images

@JimLiu/baoyu-xhs-images
JimLiu
603
61 forks
Updated 1/18/2026
View on GitHub

Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".

Installation

$skills install @JimLiu/baoyu-xhs-images
Claude Code
Cursor
Copilot
Codex
Antigravity

Details

Pathskills/baoyu-xhs-images/SKILL.md
Branchmain
Scoped Name@JimLiu/baoyu-xhs-images

Usage

After installing, this skill will be available to your AI coding assistant.

Verify installation:

skills list

Skill Instructions


name: baoyu-xhs-images description: Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".

Xiaohongshu Infographic Series Generator

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

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 tech --layout list

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

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

Options

OptionDescription
--style <name>Visual style (see Style Gallery)
--layout <name>Information layout (see Layout Gallery)

Two Dimensions

DimensionControlsOptions
StyleVisual aesthetics: colors, lines, decorationscute, fresh, tech, warm, bold, minimal, retro, pop, notion
LayoutInformation structure: density, arrangementsparse, balanced, dense, list, comparison, flow

Style × Layout can be freely combined. Example: --style notion --layout dense creates an intellectual-looking knowledge card with high information density.

Style Gallery

StyleDescription
cute (Default)Sweet, adorable, girly - classic Xiaohongshu aesthetic
freshClean, refreshing, natural
techModern, smart, digital
warmCozy, friendly, approachable
boldHigh impact, attention-grabbing
minimalUltra-clean, sophisticated
retroVintage, nostalgic, trendy
popVibrant, energetic, eye-catching
notionMinimalist hand-drawn line art, intellectual

Detailed style definitions: references/styles/<style>.md

Layout Gallery

LayoutDescription
sparse (Default)Minimal information, maximum impact (1-2 points)
balancedStandard content layout (3-4 points)
denseHigh information density, knowledge card style (5-8 points)
listEnumeration and ranking format (4-7 items)
comparisonSide-by-side contrast layout
flowProcess and timeline layout (3-6 steps)

Detailed layout definitions: references/layouts/<layout>.md

Auto Selection

Content SignalsStyleLayout
Beauty, fashion, cute, girl, pinkcutesparse/balanced
Health, nature, clean, fresh, organicfreshbalanced/flow
Tech, AI, code, digital, app, tooltechdense/list
Life, story, emotion, feeling, warmwarmbalanced
Warning, important, must, criticalboldlist/comparison
Professional, business, elegant, simpleminimalsparse/balanced
Classic, vintage, old, traditionalretrobalanced
Fun, exciting, wow, amazingpopsparse/list
Knowledge, concept, productivity, SaaSnotiondense/list

File Structure

[target]/
├── source.md                       # Source content (if pasted)
├── analysis.md                     # Deep analysis results
├── outline-style-[slug].md         # Variant A (e.g., outline-style-tech.md)
├── outline-style-[slug].md         # Variant B (e.g., outline-style-notion.md)
├── outline-style-[slug].md         # Variant C (e.g., outline-style-minimal.md)
├── outline.md                      # Final selected
├── prompts/
│   ├── 01-cover-[slug].md
│   ├── 02-content-[slug].md
│   └── ...
├── 01-cover-[slug].png
├── 02-content-[slug].png
└── NN-ending-[slug].png

Target directory:

  • With source path: [source-dir]/[source-name-no-ext]/xhs-images/
    • Example: /tests-data/article.md/tests-data/article/xhs-images/
  • Without source: ./xhs-images/[topic-slug]/

Directory backup:

  • If target directory exists, rename existing to <dirname>-backup-YYYYMMDD-HHMMSS

Workflow

Step 1: Analyze Content → 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
  2. Read source content
  3. Deep analysis following references/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. Select 3 style+layout combinations
  7. Save to analysis.md

Step 2: Generate 3 Outline Variants

Based on analysis, create three distinct style variants.

For each variant:

  1. Generate outline (outline-style-[slug].md):
    • YAML front matter with style, layout, image_count
    • Cover design with hook
    • Each image: layout, core message, text content, visual concept
    • Written in user's preferred language
    • Reference: references/outline-template.md
VariantSelection LogicExample Filename
APrimary recommendationoutline-style-tech.md
BAlternative styleoutline-style-notion.md
CDifferent audience/moodoutline-style-minimal.md

All variants are preserved after selection for reference.

Step 3: User Confirms All Options

IMPORTANT: Present ALL options in a single confirmation step using AskUserQuestion. Do NOT interrupt workflow with multiple separate confirmations.

Determine which questions to ask:

QuestionWhen to Ask
Style variantAlways (required)
Default layoutOnly if user might want to override
LanguageOnly if source_language ≠ user_language

Language handling:

  • If source language = user language: Just inform user (e.g., "Images will be in Chinese")
  • If different: Ask which language to use

AskUserQuestion format:

Question 1 (Style): Which style variant?
- A: tech + dense (Recommended) - 专业科技感,适合干货
- B: notion + list - 清爽知识卡片
- C: minimal + balanced - 简约高端风格
- Custom: 自定义风格描述

Question 2 (Layout) - only if relevant:
- Keep variant default (Recommended)
- sparse / balanced / dense / list / comparison / flow

Question 3 (Language) - only if mismatch:
- 中文 (匹配原文)
- English (your preference)

After confirmation:

  1. Copy selected outline-style-[slug].mdoutline.md
  2. Update YAML front matter with confirmed options
  3. If custom style: regenerate outline with that style
  4. User may edit outline.md directly for fine-tuning

Step 4: Generate Images

With confirmed outline + style + layout:

For each image (cover + content + ending):

  1. Save prompt to prompts/NN-{type}-[slug].md (in user's preferred language)
  2. Generate image using confirmed style and layout
  3. Report progress after each generation

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. Ensures visual consistency across generated images

Step 5: Completion Report

Xiaohongshu Infographic Series Complete!

Topic: [topic]
Style: [style name]
Layout: [layout name or "varies"]
Location: [directory path]
Images: N total

✓ analysis.md
✓ outline-style-tech.md
✓ outline-style-notion.md
✓ outline-style-minimal.md
✓ outline.md (selected: tech + dense)

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

Edit Single Image

  1. Identify image to edit (e.g., 03-content-chatgpt.png)
  2. Update prompt in prompts/03-content-chatgpt.md if needed
  3. Regenerate image using same session ID

Add New Image

  1. Specify insertion position (e.g., after image 3)
  2. Create new prompt with appropriate slug
  3. Generate new image
  4. Renumber files: All subsequent images increment NN by 1
  5. Update outline.md with new image entry

Delete Image

  1. Remove image file and prompt file
  2. Renumber files: All subsequent images decrement NN by 1
  3. Update outline.md to remove image entry

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

sparsebalanceddenselistcomparisonflow
cute✓✓✓✓✓✓
fresh✓✓✓✓✓✓
tech✓✓✓✓✓✓✓✓✓✓
warm✓✓✓✓✓✓
bold✓✓✓✓✓✓
minimal✓✓✓✓✓✓
retro✓✓✓✓✓✓
pop✓✓✓✓✓✓✓✓
notion✓✓✓✓✓✓✓✓✓✓✓✓

References

Detailed templates and guidelines in references/ directory:

  • analysis-framework.md - XHS-specific content analysis
  • outline-template.md - Outline format and examples
  • styles/<style>.md - Detailed style definitions
  • layouts/<layout>.md - Detailed layout definitions
  • base-prompt.md - Base prompt template

Notes

  • Image generation typically takes 10-30 seconds per image
  • Auto-retry once on generation failure
  • Use cartoon alternatives for sensitive public figures
  • All prompts and text use confirmed language preference
  • Maintain style consistency across all images in series

Extension Support

Custom styles and configurations via EXTEND.md.

Check paths (priority order):

  1. .baoyu-skills/baoyu-xhs-images/EXTEND.md (project)
  2. ~/.baoyu-skills/baoyu-xhs-images/EXTEND.md (user)

If found, load before Step 1. Extension content overrides defaults.