SuperCharged-Claude-Code-Upgrade/baoyu-xhs-images/skill.md

name, description

name	description
baoyu-xhs-images	Generates Xiaohongshu (Little Red Book) infographic series with 9 visual styles and 6 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.

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

Option	Description
--style <name>	Visual style (see Style Gallery)
--layout <name>	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
Layout	Information structure: density, arrangement	sparse, 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

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

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

Layout Gallery

Layout	Description
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)

Detailed layout definitions: references/elements/canvas.md

Auto Selection

Content Signals	Style	Layout
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

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:

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

Workflow

Progress Checklist

Copy and track progress:

XHS Infographic Progress:
- [ ] Step 0: Check preferences (EXTEND.md)
- [ ] 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 selection ⚠️ REQUIRED
- [ ] Step 5: Generate images (sequential)
- [ ] Step 6: Completion report

Flow

Input → Analyze → [Confirm 1] → 3 Outlines → [Confirm 2: Outline + Style] → Generate → Complete

Step 0: Check Preferences

Check paths (priority order):

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

If preferences found:

1. Parse YAML frontmatter
2. Display current preferences summary:

   Loaded preferences from [path]:
   - Watermark: [enabled/disabled] "[content]" at [position]
   - Style: [name] - [description]
   - Layout: [layout]
   - Language: [lang]
   

3. Continue to Step 1

If NO preferences found:

1. Ask user with AskUserQuestion (see references/config/first-time-setup.md)
2. Create EXTEND.md with user choices
3. Continue to Step 1

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

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/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 ⚠️

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

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	outline-strategy-a.md	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):

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

...

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

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

Purpose: User chooses outline strategy AND confirms visual style. Do NOT skip.

Display each strategy:

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

Use AskUserQuestion with two 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

After response:

• Single strategy → copy to outline.md with confirmed style
• Combination → merge specified pages with confirmed style
• Custom request → regenerate based on feedback
• Update outline.md frontmatter with final style choice

Step 5: 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

Watermark Application (if enabled in preferences): Add to each image generation prompt:

Include a subtle watermark "[content]" positioned at [position]
with approximately [opacity*100]% visibility. 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. Ensures visual consistency across generated images

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

Action	Steps
Edit	Update prompt → 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

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

	sparse	balanced	dense	list	comparison	flow
cute	✓✓	✓✓	✓	✓✓	✓	✓
fresh	✓✓	✓✓	✓	✓	✓	✓✓
warm	✓✓	✓✓	✓	✓	✓✓	✓
bold	✓✓	✓	✓	✓✓	✓✓	✓
minimal	✓✓	✓✓	✓✓	✓	✓	✓
retro	✓✓	✓✓	✓	✓✓	✓	✓
pop	✓✓	✓✓	✓	✓✓	✓✓	✓
notion	✓✓	✓✓	✓✓	✓✓	✓✓	✓✓
chalkboard	✓✓	✓✓	✓✓	✓✓	✓	✓✓

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

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. Loaded in Step 0, overrides defaults.

Check paths (priority): .baoyu-skills/baoyu-xhs-images/EXTEND.md (project) → ~/.baoyu-skills/baoyu-xhs-images/EXTEND.md (user)

Supports: Watermark | Preferred style/layout | Custom style definitions

References: config/preferences-schema.md | config/first-time-setup.md