pw-redbook-image

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

小红书风格图片生成

Xiaohongshu-Style Image Generation

将文章内容智能拆解为小红书风格的系列配图，包含封面图、内容图和结尾图。

Intelligently break down article content into Xiaohongshu-style series of images, including cover images, content images, and ending images.

核心功能

Core Features

智能拆解文章为多张配图 (2-10 张)
自动生成符合小红书风格的图片提示词
支持多种输入源 (URL、文件路径、文本内容)
自动创建结构化的工作目录
支持后处理 (合并长图、PPT、PDF)

Intelligently break down articles into multiple images (2-10 images)
Automatically generate image prompts that match Xiaohongshu style
Support multiple input sources (URL, file path, text content)
Automatically create structured working directories
Support post-processing (merge into long image, PPT, PDF)

使用时机

Usage Scenarios

用户明确要求生成小红书风格配图时:

"生成小红书配图"
"制作小红书系列图"
"将这篇文章做成小红书图片"
"帮我做小红书风格的图文"

不适用场景:

用户只是询问如何制作 (提供建议即可)
用户需要单张封面图 (使用 pw-cover-image)
用户需要其他风格的图片 (使用通用图片生成工具)

When users explicitly request Xiaohongshu-style image generation:

"Generate Xiaohongshu images"
"Create Xiaohongshu series images"
"Turn this article into Xiaohongshu images"
"Help me make Xiaohongshu-style graphics and text"

Unsuitable scenarios:

Users only ask how to create (provide suggestions only)
Users need a single cover image (use pw-cover-image)
Users need images in other styles (use general image generation tools)

使用方法

Usage Methods

bash

undefined

bash

undefined

从 URL 生成

Generate from URL

/pw-redbook-image https://example.com/article

从文本内容生成

Generate from text content

/pw-redbook-image "文章内容..."

/pw-redbook-image "Article content..."

从 markdown 文件生成

Generate from markdown file

/pw-redbook-image path/to/article.md

undefined

/pw-redbook-image path/to/article.md

undefined

参数说明

Parameter Description

输入源 (必需): 支持三种格式
- URL: 以 http:// 或 https:// 开头的网址
- 文件路径: 相对或绝对路径，支持 .md、.txt 等文本文件
- 文本内容: 直接传入的文章内容字符串

Input Source (Required): Supports three formats
- URL: Web address starting with http:// or https://
- File path: Relative or absolute path, supports text files like .md, .txt
- Text content: Directly passed article content string

小红书风格特征

Xiaohongshu Style Characteristics

比例: 竖版（3:4 或 9:16）
风格: 卡通风格、手绘风格
配色: 莫兰迪色系、奶油色、米白色、浅粉、薄荷绿
文字: 手绘风格文字，大标题突出，荧光笔划线强调
装饰: 卡通元素、emoji 图标、手绘贴纸、对话气泡
排版: 信息精简，多留白，要点分条呈现

Ratio: Vertical (3:4 or 9:16)
Style: Cartoon style, hand-drawn style
Color Scheme: Morandi colors, cream white, off-white, light pink, mint green
Text: Hand-drawn style text, prominent large titles, highlighted with highlighter lines
Decorations: Cartoon elements, emoji icons, hand-drawn stickers, speech bubbles
Layout: Streamlined information, ample white space, key points presented in bullet points

内容拆解原则

Content Breakdown Principles

封面图: 强烈视觉冲击力，包含核心标题
内容图: 每张聚焦 1 个核心观点
结尾图: 总结/行动号召/金句

图片数量:

简单观点: 2-3 张
中等复杂度: 4-6 张
深度干货: 7-10 张

Cover Image: Strong visual impact, includes core title
Content Image: Each focuses on 1 core viewpoint
Ending Image: Summary/call to action/golden quote

Image Quantity:

Simple viewpoints: 2-3 images
Medium complexity: 4-6 images
In-depth content: 7-10 images

文件管理

File Management

输出目录

Output Directory

每个会话创建一个以主题命名的独立目录:

redbook-{topic-slug}/
├── source.md              # 源文章
├── prompts/               # 提示词文件
│   ├── 01_封面图.md
│   ├── 02_内容图_核心观点1.md
│   ├── 03_内容图_核心观点2.md
│   └── 04_结尾图.md
└── images/                # 生成的图片
    ├── 01_封面图.png
    ├── 02_内容图_核心观点1.png
    ├── 03_内容图_核心观点2.png
    └── 04_结尾图.png

主题命名规则:

从文章标题/内容中提取主题（2-4 个词，kebab-case）
示例: "如何提升工作效率" →
```
improve-work-efficiency
```

Each session creates an independent directory named after the topic:

redbook-{topic-slug}/
├── source.md              # Source article
├── prompts/               # Prompt files
│   ├── 01_封面图.md
│   ├── 02_内容图_核心观点1.md
│   ├── 03_内容图_核心观点2.md
│   └── 04_结尾图.md
└── images/                # Generated images
    ├── 01_封面图.png
    ├── 02_内容图_核心观点1.png
    ├── 03_内容图_核心观点2.png
    └── 04_结尾图.png

Topic Naming Rules:

Extract topic from article title/content (2-4 words, kebab-case)
Example: "如何提升工作效率" →
```
improve-work-efficiency
```

冲突解决

Conflict Resolution

如果

redbook-{topic-slug}/

已存在:

追加时间戳:
```
{topic-slug}-YYYYMMDD-HHMMSS
```

示例:

improve-work-efficiency

已存在 →

improve-work-efficiency-20260123-143052

redbook-{topic-slug}/

already exists:

Append timestamp:
```
{topic-slug}-YYYYMMDD-HHMMSS
```

Example:

improve-work-efficiency

already exists →

improve-work-efficiency-20260123-143052

源文件

Source Files

使用

source.md

或

source-{原文件名}

保存源文章。

Save source article using

source.md

source-{original filename}

工作流程

Workflow

步骤 1: 获取文章内容

Step 1: Obtain Article Content

处理输入源:

URL: 使用 WebFetch 抓取网页内容
文件路径: 使用 Read 读取文件内容
文本: 直接使用传入的内容

保存源内容:

创建工作目录
```
redbook-{topic-slug}/
```
保存源文件到
```
source.md
```
或
```
source-{原文件名}
```

Process input sources:

URL: Use WebFetch to crawl webpage content
File path: Use Read to read file content
Text: Directly use the passed content

Save source content:

Create working directory
```
redbook-{topic-slug}/
```
Save source file to
```
source.md
```
or
```
source-{original filename}
```

步骤 2: 分析和拆解文章

Step 2: Analyze and Break Down Article

使用

${SKILL_DIR}/references/文章拆解模板.md

分析文章:

提取主题和核心观点
确定图片数量 (2-10 张)
生成拆解方案，明确每张图的核心内容

图片数量建议:

简单观点: 2-3 张
中等复杂度: 4-6 张
深度干货: 7-10 张

Use

${SKILL_DIR}/references/文章拆解模板.md

to analyze the article:

Extract topic and core viewpoints
Determine image quantity (2-10 images)
Generate breakdown plan, clarify core content of each image

Image quantity suggestions:

Simple viewpoints: 2-3 images
Medium complexity: 4-6 images
In-depth content: 7-10 images

步骤 3: 生成提示词文件

Step 3: Generate Prompt Files

创建

redbook-{topic-slug}/prompts/

目录，根据图片类型选择模板:

封面图:

${SKILL_DIR}/references/封面图模板.md

内容图:

${SKILL_DIR}/references/内容图模板.md

结尾图:

${SKILL_DIR}/references/结尾图模板.md

为每张图生成独立的提示词文件:

命名格式:

01_封面图.md

02_内容图_关键词.md

03_结尾图.md

提示词使用英文，避免 Markdown 格式
包含风格关键词和配色方案

Create

redbook-{topic-slug}/prompts/

directory, select template based on image type:

Cover image:

${SKILL_DIR}/references/封面图模板.md

Content image:

${SKILL_DIR}/references/内容图模板.md

Ending image:

${SKILL_DIR}/references/结尾图模板.md

Generate independent prompt files for each image:

Naming format:

01_封面图.md

02_内容图_关键词.md

03_结尾图.md

Prompts use English, avoid Markdown format
Include style keywords and color schemes

步骤 4: 生成图片

Step 4: Generate Images

检查可用的图片生成技能:

优先使用 pw-danger-gemini-web
如有多个技能可用，询问用户选择

逐张生成图片:

输出目录:
```
redbook-{topic-slug}/images/
```
显示生成进度
图片按序号排序
第一张图生成后，确认风格再继续批量生成

Check available image generation skills:

Prioritize using pw-danger-gemini-web
If multiple skills are available, ask user to choose

Generate images one by one:

Output directory:
```
redbook-{topic-slug}/images/
```
Display generation progress
Images sorted by serial number
After generating the first image, confirm style before batch generating the rest

步骤 5: 后处理 (可选)

Step 5: Post-Processing (Optional)

合并长图 (需要 ImageMagick):

bash

brew install imagemagick
node ~/.claude/skills/pw-image-generation/scripts/merge-to-long-image.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/长图.png

合并为 PPT:

bash

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pptx.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pptx

合并为 PDF:

bash

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pdf.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pdf

Merge into long image (requires ImageMagick):

bash

brew install imagemagick
node ~/.claude/skills/pw-image-generation/scripts/merge-to-long-image.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/长图.png

Merge into PPT:

bash

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pptx.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pptx

Merge into PDF:

bash

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pdf.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pdf

步骤 6: 输出摘要

Step 6: Output Summary

生成完成后输出:

小红书系列图已生成!

主题: [主题]
图片数量: [数量] 张
工作目录: redbook-{topic-slug}/

后续步骤:
- 预览所有图片确认风格一致性
- 如需要可使用合并工具生成长图、PPT 或 PDF

After generation is complete, output:

Xiaohongshu series images generated!

Topic: [Topic]
Number of images: [Quantity] images
Working directory: redbook-{topic-slug}/

Next steps:
- Preview all images to confirm style consistency
- If needed, use merge tools to generate long image, PPT or PDF

最佳实践

Best Practices

风格一致性:

第一张图生成后确认风格，再批量生成其余图片
所有图片使用相同的风格关键词和配色方案
作者信息统一放在右下角，格式保持一致

内容设计:

每张图聚焦一个核心观点，不要放太多内容
多留白，提高可读性
标题要大而突出，关键词用荧光笔划线强调

提示词优化:

使用英文提示词，效果更好
避免 Markdown 格式，使用纯文本描述
明确指定比例 (3:4 或 9:16)、风格 (卡通/手绘)、配色 (莫兰迪色系)

Style Consistency:

Confirm style after generating the first image, then batch generate the rest
Use the same style keywords and color scheme for all images
Uniformly place author information at the bottom right corner, keep format consistent

Content Design:

Each image focuses on one core viewpoint, avoid overloading content
Ample white space to improve readability
Titles should be large and prominent, highlight keywords with highlighter lines

Prompt Optimization:

Use English prompts for better results
Avoid Markdown format, use plain text description
Clearly specify ratio (3:4 or 9:16), style (cartoon/hand-drawn), color scheme (Morandi colors)

常见问题

Common Issues

问题: 生成的图片风格不一致解决: 在提示词中明确指定相同的风格关键词，如 "cartoon style, hand-drawn, pastel colors"

问题: 图片内容太多，不够简洁解决: 减少每张图的文字量，拆分为更多张图片，每张聚焦一个观点

问题: URL 抓取失败解决: 检查网址是否可访问，或直接复制文章内容作为文本输入

问题: 目录已存在解决: 自动追加时间戳，如

improve-work-efficiency-20260123-143052

问题: 图片生成失败解决: 检查图片生成技能是否可用，确认 API 配置正确

Issue: Generated images have inconsistent styles Solution: Clearly specify the same style keywords in prompts, such as "cartoon style, hand-drawn, pastel colors"

Issue: Too much content in images, not concise enough Solution: Reduce text amount per image, split into more images, each focusing on one viewpoint

Issue: URL crawling failed Solution: Check if the URL is accessible, or directly copy article content as text input

Issue: Directory already exists Solution: Automatically append timestamp, e.g.,

improve-work-efficiency

exists →

improve-work-efficiency-20260123-143052

Issue: Image generation failed Solution: Check if image generation skills are available, confirm API configuration is correct

模板参考

Template References

模板文件	用途	位置
文章拆解模板.md	将文章拆解为系列图的分析模板	`${SKILL_DIR}/references/`
封面图模板.md	封面图提示词生成模板	`${SKILL_DIR}/references/`
内容图模板.md	内容图提示词生成模板	`${SKILL_DIR}/references/`
结尾图模板.md	结尾图提示词生成模板	`${SKILL_DIR}/references/`

Template File	Purpose	Location
文章拆解模板.md	Analysis template for breaking down articles into series images	`${SKILL_DIR}/references/`
封面图模板.md	Prompt generation template for cover images	`${SKILL_DIR}/references/`
内容图模板.md	Prompt generation template for content images	`${SKILL_DIR}/references/`
结尾图模板.md	Prompt generation template for ending images	`${SKILL_DIR}/references/`

扩展配置

Extended Configuration

通过 EXTEND.md 支持自定义配置，检查路径 (优先级顺序):

```
.pw-skills/pw-redbook-image/EXTEND.md
```
(项目级)
```
~/.pw-skills/pw-redbook-image/EXTEND.md
```
(用户级)

如果找到，在工作流程之前加载。扩展内容会覆盖默认值。

可自定义内容:

默认图片数量范围
风格关键词和配色方案
作者信息格式
输出目录命名规则

Support custom configuration via EXTEND.md, check paths (priority order):

```
.pw-skills/pw-redbook-image/EXTEND.md
```
(project-level)
```
~/.pw-skills/pw-redbook-image/EXTEND.md
```
(user-level)

If found, load before workflow. Extended content will override default values.

Customizable content:

Default image quantity range
Style keywords and color schemes
Author information format
Output directory naming rules