pw-redbook-image

name	pw-redbook-image
description	将文章内容拆解为小红书风格的系列配图。支持从 URL、文件或文本生成封面图、内容图和结尾图，自动创建提示词并调用图片生成工具。

小红书风格图片生成

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

核心功能

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

使用时机

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

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

不适用场景:

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

使用方法

# 从 URL 生成
/pw-redbook-image https://example.com/article

# 从文本内容生成
/pw-redbook-image "文章内容..."

# 从 markdown 文件生成
/pw-redbook-image path/to/article.md

参数说明

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

小红书风格特征

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

内容拆解原则

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

图片数量:

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

文件管理

输出目录

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

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

主题命名规则:

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

冲突解决

如果 redbook-{topic-slug}/ 已存在:

• 追加时间戳: {topic-slug}-YYYYMMDD-HHMMSS
• 示例: improve-work-efficiency 已存在 → improve-work-efficiency-20260123-143052

源文件

使用 source.md 或 source-{原文件名} 保存源文章。

工作流程

步骤 1: 获取文章内容

处理输入源:

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

保存源内容:

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

步骤 2: 分析和拆解文章

使用 ${SKILL_DIR}/references/文章拆解模板.md 分析文章:

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

图片数量建议:

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

步骤 3: 生成提示词文件

创建 redbook-{topic-slug}/prompts/ 目录，根据图片类型选择模板:

• 封面图: ${SKILL_DIR}/references/封面图模板.md
• 内容图: ${SKILL_DIR}/references/内容图模板.md
• 结尾图: ${SKILL_DIR}/references/结尾图模板.md

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

• 命名格式: 01_封面图.md, 02_内容图_关键词.md, 03_结尾图.md
• 提示词使用英文，避免 Markdown 格式
• 包含风格关键词和配色方案

步骤 4: 生成图片

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

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

逐张生成图片:

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

步骤 5: 后处理 (可选)

合并长图 (需要 ImageMagick):

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

合并为 PPT:

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

合并为 PDF:

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

步骤 6: 输出摘要

生成完成后输出:

小红书系列图已生成!

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

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

最佳实践

风格一致性:

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

内容设计:

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

提示词优化:

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

常见问题

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

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

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

问题: 目录已存在 解决: 自动追加时间戳，如 improve-work-efficiency-20260123-143052

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

模板参考

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

扩展配置

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

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

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

可自定义内容:

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